[HTML] 琐琐碎碎(一)——书签、表格、列表
来源:互联网 发布:徐州淘金网络 编辑:程序博客网 时间:2024/05/29 21:31
创建书签
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips"
>基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
您也可以在其他页面中创建指向该锚的链接:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。
HTML表格
- HTML表格实例
- 没有边框的表格
- 本例演示一个没有边框的表格。
- 表格中的表头(Heading)
- 本例演示如何显示表格表头。
- 空单元格
- 本例展示如何使用 " " 处理没有内容的单元格。
- 带有标题的表格
- 本例演示一个带标题 (caption) 的表格
- 跨行或跨列的表格单元格
- 本例演示如何定义跨行或跨列的表格单元格。
- 表格内的标签
- 本例演示如何显示在不同的元素内显示元素。
- 单元格边距(Cell padding)
- 本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
- 单元格间距(Cell spacing)
- 本例演示如何使用 Cell spacing 增加单元格之间的距离。
- 向表格添加背景颜色或背景图像
- 本例演示如何向表格添加背景。
- 向表格单元添加背景颜色或者背景图像
- 本例演示如何向一个或者更多表格单元添加背景。
- 在表格单元中排列内容
- 本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。
- 框架(frame)属性
- 本例演示如何使用 "frame" 属性来控制围绕表格的边框。
表格标签
HTML 列表
HTML 支持有序、无序和定义列表
实例
- 无序列表
- 本例演示无序列表。
- 有序列表
- 本例演示有序列表。
(可以在本页底端找到更多实例。)
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul><li>Coffee</li><li>Milk</li></ul>
浏览器显示如下:
- Coffee
- Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol><li>Coffee</li><li>Milk</li></ol>
浏览器显示如下:
- Coffee
- Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>
浏览器显示如下:
- Coffee
- Black hot drink
- Milk
- White cold drink
定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
更多实例
- 不同类型的无序列表
- 本例演示一个无序列表。
- 不同类型的有序列表
- 本例演示不同类型的有序列表。
- 嵌套列表
- 本例演示如何嵌套列表。
- 嵌套列表 2
- 本例演示更复杂的嵌套列表。
- 定义列表
- 本例演示一个定义列表。
列表标签
感谢W3school提供的教程
- [HTML] 琐琐碎碎(一)——书签、表格、列表
- [HTML] 琐琐碎碎(四)——背景
- [HTML] 琐琐碎碎(五)——颜色
- [HTML] 琐琐碎碎(二)——HTML表单与输入
- [HTML] 琐琐碎碎(六)——HTML头部元素
- [HTML] 琐琐碎碎(七)——HTML常用字符实体
- [HTML] 琐琐碎碎(三)——框架及内联框架(用框架制作导航页)
- html 表格——列表
- HTML——表格(二) 列表
- HTML笔记(列表&表格)
- Html标签使用——文字、列表、表格、超链接
- 5、HTML 学习记录——图像、表格、列表
- HTML列表、表格、表单
- html列表、表格
- HTML初学----表格、列表
- HTML表格和列表
- html------列表,表格
- html图像 表格 列表
- HUST 1000 A+B
- java基础System,RunTime,Date,Math对象
- Linux下编译与ARM下移植opencv1.0.0详细步骤
- spring和CXF集成来实现webservices
- 路由器、交换机、集线器(HUB)和猫的区别
- [HTML] 琐琐碎碎(一)——书签、表格、列表
- Generator hdu3058
- HUST 1001 Another A+B
- C++冒泡,插入,基数排序
- WPF&MFC&Opencv透明全屏无边框窗口创建
- 信息论,留着以后看
- Ubuntu 12.04 桌面没图标,文件夹无法打开
- 菜鸟致华为的一封信
- pci-dss在线培训视频