1、块级元素和行内元素
①块级元素:块级大多为结构性标记
<address>...</adderss> 地址文字
<center>...</center> 水平居中
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div> 容器
②行内元素:行内大多为描述性标记
<span>...</span> 无语义的行内元素
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加重语气标签
<img > 图片
<sup>...</sup> 上标 <sub>...</sub> 下标
(<sup> 标签与 <sub> 标签显示的大小相同,不同的是它显示在正常字符一半基准线的上方)
<i>...</i> 斜体
<em>...</em> 标记重点强调的文本
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
⑴块级元素特点
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
⑵行内元素特点
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度,不可以改变
4.行内元素只能行内元素,不能包含块级元素
2、< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目,
<dd>< /dd>用来创建列表中最下层项目,必须后跟一个 <dt> 元素
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
3、<!--...-->注释标签(取消注释):ctrl+/
4、select标签
<select class="option1">
<option>武汉</option>
<option>杭州</option>
<option>深圳</option>
</select>
5、ul标签:无序列表
li标签:<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中
<ul>
<li class="header-son">消息记录</li>
<li class="header-son">购物车</li>
<li class="header-son">愿望单</li>
</ul>
6、<!DOCTYPE> 声明:DOCTYPE 是 document type(文档类型)的简写。
!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。
7、<a>标签:
<a href="http://www.w3cschool.cn">访问 W3Cschool在线教程!</a>