第一代网页标签介绍
一、注释
| # | 最早的注释 |
|---|---|
| /*… */ | C语言的多行注释 |
| // | C++的单行注释 |
| /**…*/ | java的多行注释 |
| — — | SQL的注释 |
| <!— — … — — > | 前端网页的多行注释 |
二、文档类型声明
<!DOCTYPE html> 这个文档类型声明告诉浏览器改用html什么版本来解析这个网页，若没有这个声明，浏览器就会启动安全模式，导致很多效果无法显示。这里html是H5的版本
三、h1~h6的html标题
- h1~到h6，字体从大到小在浏览器显示。且能被所有的主流浏览器支持，不存在兼容性问题，是安全的网页标签。效果如下：
四、段落标签<p>......</p>
- 我们在html工具中写的代码并不能自动分行，不能自动清楚地显示段落，这时就需要使用段落标签
<p>......</p>。未使用<p>......</p>标签如下图：
使用<p>......</p>后如下图所示，段落分明：
五、无序（ul）列表和有序（ol）列表
- 无序列表是ul（unordered list），里面的内容用
<li>......</li>,无序即表示没有1、2、3，这样的顺序，无序列表ul有三种类型，分别是square(实心方块)、disc（实心圆点）、circle（空心圆）。<ul type="square| circle| disc">:效果如下：
- 有序列表是ol（ordered list），里面的内容用
<li>......</li>,有序即表示有1、2、3这样的序列。有序列表有5种类型，分别是1 、 a 、 A 、i 、I。代码是<ul type=“1 | a | A | i | I | ；” start=“5” reversed=“reversed” > startk控制从第几号顺序开始，reversed控制倒序,效果如下：
- 在html中，若一个属性的名字与属性的值是一样的，可以省略其中的值或者属性，如reversed="reversed"可以写成reversed。
六、字体加粗（bold简称b）、斜体（italic简称i）、删除线（delete简称del）、换行（break and return简称br）、下划线（insert简称ins或者用underline简称u），效果如下：
七、字体标签<font>......</font>
| size | 字号，控制字体大小 |
|---|---|
| face | 控制文本的字体 |
效果图如下：
- 上标（sup）和下标（sub），效果如下：
八、网页超链接标签<a href ="网址">点击这里跳转</a>
九、网页放置图片<img src="本地图片放置地址" alt=“前端笔记”>
| alt | 当图片在网页中显示不了时，此时显示alt的内容 |
|---|
效果如下：
十、定义列表、定义标题、定义描述
| 定义列表 | dl |
|---|
| 定义标题 | dt |
|---|---|
| 定义描述 | dd |
十一、表格table、表头thead、表体tbody
如图：
- border是单元格的边框宽度
2. cellspacing是单元格之间的距离
3. cellpadding是单元格的内容和单元格的边的距离，也称为内边距
4. row 行
5. column/line 列
6. 一个tr可以包含多个td, 有几个td, 就代表该行有几列。那么在一个多行构成的表格中，可能有多个tr, 每个tr拥有的td的数量都是一样的。
7. thead, tbody 是可选的，可以省略不写, 但写起来会更加清楚些，增加代码可读性。
| thead | table header |
|---|---|
| tbody | table body |
| tr | table row (表行) |
| th | table head cell（表的列名） |
| td | table data cell（表数据） |
<caption align="bottom">表格标志</caption> | 在表格外面的说明 |
-
<em>把文本定义为强调的内容。 -
<strong>把文本定义为语气更强的强调的内容。 -
<dfn>定义一个定义项目。 -
<code>定义计算机代码文本。 -
<samp>定义样本文本。 -
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 -
<var>定义变量。您可以将此标签与<pre>及<code>标签配合使用。 -
<cite>定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 -
<pre>保留原始排版标签。
扫一扫
607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
