接着说body部分(这部分就相当的充实了)
<!--html标签闭合方式有两种:
1、成对出现的标签,必须要有开始标签、结束标签 <title></title> 2、自闭合标签、空标签;可以在单个标签的最后插入 / 表示自闭合 <link /> <meta /> <br /> <hr /> -->body:据我自己的理解就是整个页面能看到的东西(不对回头我再改)
里面要有很多的东西就要涉及到标签
大多分为这几部分 1、基本块级标签 2、基本行级标签3、表单4、表格
1、块级标签:
显示为块状,独占一行,自动换行,前后隔一行;默认宽度100%;可以设置宽度、高度、边距等属性
<hx>:h标签:标题标签,显示为黑体加粗!!!(块级标签)
标题标签共分为6种:h1~h6,h1最大、h6最小
<address>定义地址 <div>定义文档中的分区或节 <dl>定义列表 <dt>定义列表中的项目 <dd>定义列表中定义条目 <ol>定义有序列表 <ul>定义无序列表 <li>标签定义列表项目 <form>创建 HTML 表单 <h1-h6> 定义的标题 <hr>创建一条水平线 <p>标签定义段落 <pre>定义预格式化的文本 <table>标签定义 HTML 表格 <caption>定义表格标题 <tbody>标签表格主体(正文) <thead>标签定义表格的表头 <th>定义表头单元格 <td>表格中的标准单元格 <tr>定义表格中的行 <tfoot>定义表格的页脚(脚注或表注)
2、行级标签:
<span>组合文档中的行内元素
<label>标签为 <input> 元素定义标注(标记)
<input>输入框
<select>创建单选或多选菜单
<textarea>多行的文本输入控件
<a>标签可定义锚
<abbr>表示一个缩写形式
<acronym>定义只取首字母缩写
<b>字体加粗 <em>定义为强调的内容
<i>斜体文本效果
<strong>语气更强的强调的内容
<cite>引用进行定义
<q>定义短的引用
<bdo>可覆盖默认的文本方向
<br>换行
<code>定义计算机代码文本
<dfn>定义一个定义项目
<img>向网页中嵌入一幅图像
<kbd>定义键盘文本
<samp>定义样本文本
<small>呈现小号字体效果
<sub>定义下标文本
<sup>定义上标文本
<tt>打字机或者等宽的文本效果
<var>定义变量
3、
<!--
无序列表UnOrderList: 由多个列表项组成,每个列表项前面带小黑点,用<ul></ul>表示,列表中的每一项用<li></li>表示 --> <ul> <!--li:list缩写--> <li>这是无序列表第一项</li> <li>这是无序列表第二项</li> <li>这是无序列表第三项</li> <li>这是无序列表第四项</li> </ul> <!-- 有序列表OrderList: --> <ol> <li>这是有序列表第一项</li> <li>这是有序列表第二项</li> <li>这是有序列表第三项</li> <li>这是有序列表第四项</li> </ol> <!-- 定义列表DefineList: 1、标题dt:顶格写 2、描述项dd:自动缩进两格 --> <dl> <!--标题--> <dt>这是定义列表的标题</dt> <dd>这是定义列表的描述项1</dd> <dd>这是定义列表的描述项2</dd> <dd>这是定义列表的描述项3</dd> </dl> <!--图片组合标签:含有两项图片和文字--> <figure> <img src="img/icon.jpg" /> <figcaption>图片的描述标题</figcaption> </figure> <!--分区标签div:需要配合CSS使用--> <div style="width: 500px;height: 200px;background-color: yellow;" >这是div里面的文字</div> <div style="width: 500px;height: 200px;background