本文详细介绍了HTML的基本结构及其常用元素的应用方法，包括文档声明、根节点、头部元素、主体内容等，并通过实例展示了图片、链接及列表等标签的具体使用。
//声明是html版本号 H5
<!douctype>
//根节点
<html>
<head> //head中的内容浏览器不会显示给用户
<title>标题名</title>
<meta charset="utf-8">
</head>
<body>
<div class="zhengwen">
<img src="http://civilization6.vgbaike.com/%E6%96%87%E4%BB%B6:%E7%BD%97%E6%96%AF%E7%A6%8F.jpg"
width="480px"
height="360px"
id="img_us"
title="liushishi" //鼠标放上去显示的文字
alt="star" //鼠标放上去显示的默认文字 断网时替代用
/>
<br> //换行符
<a href="http://www.baidu.com" >click me</a> //超链接
</div>
<div class="wenben">
<p>1段文本</p>
<p>2段文本</p>
<p>3段文本</p>
<p>4段文本，自带换行</p>
</div>
<div class="shuoming">
<ol> //order list有序列表
<li>有序条目</li>
<li>有序条目</li>
<li>有序条目</li>
<li>有序条目</li>
</ol>
<ul> //unorder list无序列表
<li>无序条目</li>
<li>无序条目</li>
<li>无序条目</li>
<li>无序条目</li>
</ul>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
