H5自学笔记

这是一个段落。


显示水平线
换行 我是加粗字体 我是斜体 HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体 通常标签 替换加粗标签 来使用, 替换 标签使用。 电脑自动输出 这是 <下标 和<上标 我是html链接 添加链接
H5自学笔记_第1张图片
Paste_Image.png

HTML 表格

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格实例
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

在浏览器显示如下:

Paste_Image.png

列表

1.HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用 < ul >标签

  • Coffee
  • Milk

效果:

Paste_Image.png
2.HTML 有序列表

有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 < ol> 标签。每个列表项始于 < li > 标签。列表项项使用数字来标记。

  1. Coffee
  2. Milk

效果:

Paste_Image.png
3.HTML 自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 < dl > 标签开始。每个自定义列表项以 < dt > 开始。每个自定义列表项的定义以 < dd > 开始。

Coffee
- black hot drink
Milk
-white cold drink

效果:

Paste_Image.png
H5自学笔记_第2张图片
Paste_Image.png
H5自学笔记_第3张图片
Paste_Image.png
H5自学笔记_第4张图片
Paste_Image.png
H5自学笔记_第5张图片
Paste_Image.png

总结

H5自学笔记_第6张图片
Paste_Image.png
H5自学笔记_第7张图片
Paste_Image.png
H5自学笔记_第8张图片
Paste_Image.png
H5自学笔记_第9张图片
Paste_Image.png
H5自学笔记_第10张图片
Paste_Image.png

你可能感兴趣的:(H5自学笔记)