head标签和body标签
下面这些标签可用在 head 部分:
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
下面的标签可用正在body部分:
<body>
<p>...</p>
<hx>标题</hx> (x为1~6,1为最高等级)
<em>需要强调的文字</em> (默认斜体,可用css更改)
<strong>需要强调的文字</strong> (默认加粗,可用css更改)
<span>需要强调的文字</span> (无默认样式,用css更改)
<q>引用的文字</q> (简短文本引用,默认为双引号,可更改)
<blockquote>引用的文字</blockquote> (长文本引用,默认为全段缩进)
想在后面加回车的文字<br /> (在文字后面加回车)
(空格)
<hr /> (加分割线)
<address>联系地址信息</address> (默认为斜体,可更改)
<code>小段代码语言</code>
<pre>大段代码语言</pre>
<ul>
<li>信息</li>
<li>信息</li>
</ul> (没有前后顺序的信息,默认为信息前面加一个圆点)
<ol>
<li>信息</li>
<li>信息</li>
</ol> (有前后顺序的信息,默认每一条信息前面加序列号)
<div>独立的逻辑部分</div>
<div id="板块名称">...</div> (相当于给每一块加名称,相当于身份证号,独一无二)
<table>
<tbody>
<tr>
<th>...</th>
<th>...</th>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table> (table代表创建表格,tbody表示等表格全部加载完再显示表格,tr表示一行的内容,th表示表头行的内容,td表示非表头行的内容)
<table summary="...">...</table> (加入表格的摘要,不显示在浏览器中,为了让搜索引擎更好了解文档)
<caption>...</caption> (为表格加入标题,显示)
<a href="http:www.baidu.com" title="..." target="_blank">...</a> (将某些内容做成超链接,点击跳转,title不显示,target为blank表示在新的浏览器中打开)
<a href="mailto:kk@126.com">...</a> (点击某些内容发送邮件到……,下表为mailto后面可加的各个属性)
实例:
<img src="图片地址" alt="下载失败时的替换文本" title="提示文本"></img> (图片类型可以是GIF,PNG,JPEG)
</body>