Html标签

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

Html标签

1. 文档结构标签

2. 文本格式标签

3. 字符格式标签

4. 列表标签

5. 链接标签

6. 多媒体标签

7. 表格标签

8. 表单标签

推荐阅读更多精彩内容