Html标签
2015-12-28 本文已影响0人
海绵EE
1. 文档结构标签
用来标识文档的基本结构
-
<html></html>标识HTML文档的起始和终止 -
<head></head>标识HTML文档的头部区域 -
<body></body>标识HTML文档的主体区域
2. 文本格式标签
-
<title></title>网页标题 -
<hi></hi>1-6标题 -
<p></p>段落 -
<pre></pre>预定义文本 -
<blockquote></blockquote>引用文本
3. 字符格式标签
-
<b></b>加粗 -
<i></i>斜体 -
<blink></blink>闪烁 -
<big></big>放大 -
<small></small>缩小 -
<sup></sup>上标 -
<sub></sub>下标 -
<cite></cite>引用
4. 列表标签
-
<ul></ul>无序列表 unordered lists -
<ol></ol>有序列表 ordered lists -
<li></li>list item -
<dl></dl>定义列表 definition lists -
<dt></dt>definition title -
<dd></dd>definition description
5. 链接标签
-
<a></a>超链接, 锚点
<a name="helloID">hello</a>
<br>...<br>
<a href="#helloID">toTop</a>
<a href="#btm">跳转到底部</a>
<br>...<br>
<span id="btm">底部</span>
6. 多媒体标签
-
<img/>图像 -
<embed></embed>多媒体 -
<object></object>多媒体
7. 表格标签
-
<table></table>表格 -
<caption></caption>表格标题 -
<th></th>表头 -
<tr></tr>行 -
<td></td>单元格 table data
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table</title>
<style type="text/css">
table {
border-collapse: collapse;
border: none;
width: 400px;
}
</style>
</head>
<body>
<table border=""0>
<caption>课程表</caption>
<tr>
<th> </th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tr>
<td>1~2</td>
<td>数学</td>
<td>玩</td>
<td>地理</td>
<td>历史</td>
<td>玩</td>
</tr>
<tr>
<td>3~4</td>
<td>语文</td>
<td>生物</td>
<td>物理</td>
<td>化学</td>
<td>玩</td>
</tr>
</table>
</body>
</html>
课程表.png
8. 表单标签
-
<form></form>表单 -
<input/>文本区域、按钮和复选 -
<textarea></textarea>多行文本框 -
<select></select>下拉列表 -
<option></option>下拉列表中的item
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>formtest</title>
</head>
<body>
<form>
<p>
单行文本: <input type="text" name="textfield" id="textfield">
</p>
<p>
密码: <input type="password" name="passwordfield" id="passwordfield">
</p>
<p>
多行文本: <textarea id="textareafield" name="textareafield"></textarea>
</p>
<p>
复选框:
<input type="checkbox" name="checkbox1"> 妞妞
<input type="checkbox" name="checkbox2"> 端午
</p>
<p>
单选框:
<input type="radio" name="radio1" value=""> 马甲
<input type="radio" name="radio2" value=""> 端霸妞妹
</p>
<p>
下拉菜单:
<select>
<option value="a">a</option>
<option value="b">b</option>
</select>
</p>
<p>
按钮: <input type="submit" name="button" id="button" value="提交">
</p>
</form>
</body>
</html>
form.png
原谅风格如此原始狂野不羁↗️
附上Html标签中英文转换表：
Html标签中英文转换表.png
