<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<!--标题-->
<h1>主体内容</h1>
<h2>世界那么大</h2>
<h3>世界那么大</h3>
<h4>世界那么大</h4>
<h5>世界那么大</h5>
<h6>世界那么大</h6>
<!--水平线-->
<hr>
<!--文本标签-->
</p><i>我是斜体</i><p>
<del>删除我对你有什么好处?</del> <br>
<ins>重点对象</ins> <br>
<b>我是粗体</b> <br>
<strong>重要内容</strong> <br>
2<sup>10</sup> = x<sub>2</sub> <br>
<pre> <!--预格式化标签,保留空格和回车-->
望天门山
天门中断楚江开2,碧水东流至此回3。
两岸青山相对出4,孤帆一片日边来
</pre><br>
<!--图片标签-->
<img src ='a.jpg' width="286" height = "285" > <br>
<!--src属性:图像存储路径,alt属性:无法找到图像时的替代文本 -->
<!--超链接-->
<a href = "http://www.baidu.com" >百度</a>
<!--段落标记-->
<p>曾经有人说过:“以后你遇见的人都是提着过去和心里装着别人的人。”
有一次和朋友闲聊她说:“为什么每次当我感觉放下他了的时候,不知道为什么每次经过一起去过的餐厅,看见同款的车,人群中一个相似的背影时我的心还是会莫名的一颤,还是会想起和他在一起的点</p>
<p>其实有几个人能做到真正的释怀呢?我们有时候就会陷在回忆的沼泽中不可自拔 。走过熟悉的街头、</p>
<!--表格标签-->
<table> <!--表头-->
<caption>编程语言</caption>
<tr> <!--行-->
<th>java</th> <th>matlab</th> <th>fortran</th>
</tr>
<tr> <!--单元格-->
<td>20</td> <td>80</td> <td>100</td>
</tr>
</table>
<!--有序列表-->
<ol>
<li>hello</li>
<li>good</li>
</ol>
<!--无序列表-->
<ul>
<li>hello</li>
<li>nice</li>
</ul>
<!--定义列表-->
<dl> <!--顶格-->
<dt>上映斜阳天接水</dt> <!--缩进-->
<dd>草色遥看近却无</dd>
<dd>你是谁的丈夫</dd>
</dl>
<!--框架标签-->
<iframe src="iframe.html"></iframe>
<!--容器标签 把网页分成不同的部分,在div标记前后自动添加换行-->
<div>
<p>天蓝蓝秋草黄</p>
</div>
<div style="color:blue;background-color:yellow">
<p>天蓝蓝秋草黄</p>
</div >
<!--mark标签-->
这是<mark>标签</mark>的使用 <br>
<!--Prograss标签-->
文间正在下载中 <br>
<progress value="48" max="100"></progress> <br>
<!--磁盘容量-->
<meter min="0" max="100" value="24" low="300" high="900" optimum="1000"></meter>
</body>
</html>
HTML基础
最新推荐文章于 2024-04-18 05:00:00 发布