HTML常用标签介绍
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--六个不同的级别的标题，h1最高，h6最低。-->
<h1>一级标题</h1>
<!--创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。-->
<!--跳转页面（HTTP GET 请求）-->
<a href="">link</a>
<!--带target属性的a标签-->
<a href="" target="_self">link</a><!--当前页面加载(此值是默认的，如果没有指定属性的话。)-->
<a href="" target="_blank">link</a><!--新窗口打开。-->
<a href="" target="_parent">link</a><!--加载响应到父元素。-->
<a href="" target="_top">link</a><!--加载响应到顶层元素。-->
<!--带参数的get请求-->
<a href="?name=123">link</a>
<!--链接到本页的某个部分-->
<a href="#">link</a>
<!--表示文本的一个段落。-->
<p>我是一个段落<p/>
<!--代表文档中的一个图像。-->
<img src="" alt="图片加载失败时显示的提示。">
<!--是一个通用型的流内容容器，可以存放其他任意标签，它在语义上不代表任何特定类型的内容。-->
<!--浏览器在渲染时，会为其加上CSS display: block;属性，使其成为块级元素。-->
<div>可以存放其他任意标签</div>
<!--是短语内容的通用行内容器，并没有任何特殊语义。-->
<!--<span>与<div>元素很相似，但<div>浏览器渲染时默认是一个块元素而<span>则是行内元素。-->
<span>span标签</span>
<!--用来呈现了文档<body>或应用的主体部分-->
<main>
mian
</main>
<!--表示文档中的一个区域-->
<section>我是文档的一片区域</section>
<!--表示表格数据-->
<table>
<thead>
<tr>
<th>Header content 1</th>
<th>Header content 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body content 1</td>
<td>Body content 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer content 1</td>
<td>Footer content 2</td>
</tr>
</tfoot>
</table>
<!--用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。-->
<input type="" name="input标签">
<!--常用的type值--->
<!--checkbox 复选框-->
<input type="checkbox" vlaue="man">男
<input type="checkbox" vlaue="girl">女
<input type="checkbox" value="secret">保密
<!--password 一个值被遮盖的单行文本字段-->
<input type="password" name="" id="">
<!--radio 单选按钮-->
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<!--submit 用于提交表单的按钮-->
<input type="submit" value="提交">
<!--下拉框，value表示传递的数据值-->
<select name="" id="">
<option value="Mon">星期一</option>
<option value="Tues">星期三</option>
<option value="Wednes">星期二</option>
</select>
<!--表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。-->
<!--action一个处理这个form信息的程序所在的UR-->
<!--method 属性规定如何发送表单数据 POST/GET -->
<form action="" method="post">
username: <input type="text" name="username">
password: <input type="password" name="password" id="">
<input type="submit" value="提交">
</form>
</body>
</html>
网友评论