HTML/HTML5常用标签大全
warning:
这篇文章距离上次修改已过441天,其中的内容可能已经有所变动。
HTML/HTML5常用标签大全:
<!DOCTYPE html>:定义文档类型为HTML5。<html>:HTML文档的根元素。<head>:包含了文档的元数据,如<title>、<meta>、<link>等。<title>:定义了文档的标题,显示在浏览器的标题栏或者页面的选项卡上。<body>:包含了页面的主要内容,如文本、图像、视频等。<h1>至<h6>:定义了标题的级别,<h1>最重要,<h6>最不重要。<p>:定义了一个段落。<div>:定义了一个块级元素,用于组合其他HTML元素的容器。<span>:定义了一个行内元素,用于组合文档中的小块内容。<img>:定义了一个图像,src属性指定图像的路径,alt属性提供了图像的文本替代。<a>:定义了一个超链接,href属性指定链接的目标地址。<ul>:定义了无序列表,每个列表项以<li>开始。<ol>:定义了有序列表,每个列表项以<li>开始。<li>:定义了列表中的一个项目。<table>:定义了一个表格。<tr>:定义了表格中的一行。<td>:定义了表格中的一个单元格。<form>:定义了一个表单,用于用户输入。<input>:定义了用户输入的字段,type属性定义了输入类型(如text、radio、submit等)。<textarea>:定义了多行文本输入控件。<select>:定义了下拉选择菜单,使用<option>定义选项。<button>:定义了一个按钮。<iframe>:定义了一个内联框架,用于嵌入另一个HTML页面。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<p>这是一个段落。</p>
<img src="image.jpg" alt="示例图片">
<a href="https://www.example.com">点击访问我的网站</a>
<ul>
<li>列表项一</li>
<li>列表项二</li>
</ul>
<table>
<tr>
<td>单元格一</td>
<td>单元格二</td>
</tr>
</table>
<form action="/submit">
<input type="text" placeholder="输入名字">
<input type="submit" value="提交">
</form>
<iframe src="otherpage.html" width="600" height="400"></iframe>
</body>
</html>以上代码提供了HTML的基本结构和一些常用标签的使用示例。
评论已关闭