HTML/HTML5常用标签大全
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的基本结构和一些常用标签的使用示例。
评论已关闭