标签包括:
基本:html,head,body,title,meta charset=“UTF-8”
文本:br,h1-h6,p,hr,b,i
列表:有序:ol,无序:ul,列表项:li
超链接:a
分区:div,span
效果:
代码:
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>this is a title</title>
</head>
<body>
<h1>this is h1 title</h1>
<h2>this is h2 title</h2>
<h3>this is h3 title</h3>
<h4>this is h4 title</h4>
<h5>this is h5 title</h5>
<h6>this is h6 title</h6>
<p>
this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落1
this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落2行
this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落3行
this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.this is a paragram.段落4行
回车不起作用
</p>
<hr>
<hr>
<br>
<b>这是b标签,粗文本</b>
<i>这是i标签,斜文本</i>
<ol>
<li>有序item1</li>
<li>有序item2</li>
<li>item3有序</li>
<li>item4有序</li>
</ol>
<ul>
<li>无序项1</li>
<li>无序项2</li>
<li>无序项3</li>
</ul>
<a href="http://www.baidu.com">这是一个指向百度的超链接</a><br>
<a href="javascript:void(0)">这是一个有超链接样式的文字</a>
<div>
这是一个div<br>
<table border = 1>
<thead>这是表头</thead>
<tr>
<td>这是第一行</td>
<td>table是个表格标签</td>
<td>table 属性 border 是表格边框</td>
<!--<td>这是个单元格</td>-->
</tr>
<tr>
<td>这是第二行</td>
<td>tr是个表格行标签</td>
<td rowspan="2">这是一个占据了纵向两个单元格的单元格,向下占据</td>
</tr>
<tr>
<td>这是第三行</td>
<td>td是个单元格标签</td>
<td>这是被占据自己位置的单元格</td>
</tr>
<tr>
<td>这是第四行</td>
<td colspan=2>这是个占据横向2个单元格的单元格,向右占据</td>
<td>这是被左边占据了位置的单元格</td>
</tr>
</table>
</div>
</body>
</html>