[html]网页结构以及常见标签用法
HTML是用来创建网页的一种标准语言,它定义了网页的结构和内容。以下是一些常用的HTML标签及其用法:
<!DOCTYPE html>
:HTML5标准网页声明。<html></html>
:HTML文档的开始和结束标签。<head></head>
:包含了元数据,如<title>
、<meta>
、样式链接和脚本链接。<title></title>
:定义网页的标题,显示在浏览器的标题栏。<body></body>
:包含了网页的主要内容,如文本、图片、视频等。<h1></h1>
至<h6></h6>
:定义不同级别的标题。<p></p>
:创建一个段落。<a href=""></a>
:创建一个超链接,href
属性指定链接的目标地址。<img src="" alt="">
:插入一张图片,src
属性指定图片的路径,alt
属性提供图片的替代文本。<ul></ul>
:创建一个无序列表,使用<li>
定义列表项。<ol></ol>
:创建一个有序列表,使用<li>
定义列表项。<div></div>
:定义文档的一个区块或节,常用于样式和脚本的应用。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">点击这里访问我的主页</a>
<img src="image.jpg" alt="示例图片">
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
<div>这是一个div区块</div>
</body>
</html>
这个示例展示了如何创建一个简单的网页,包含标题、段落、链接、图片、无序列表和有序列表,以及<div>
元素的使用。
评论已关闭