HTML 常用标签

最新推荐文章于 2024-07-21 17:58:14 发布

炒鸡蛋44

最新推荐文章于 2024-07-21 17:58:14 发布

阅读量100

点赞数 1

分类专栏：网页开发文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_55643605/article/details/120668804

版权

网页开发专栏收录该内容

9 篇文章 1 订阅

订阅专栏

HTML常用标签：

body中常用标签：

标题：

多个段落快捷键：p*n Tab 内容*n Tab

<!DOCTYPE html> 
<!-- # 文档类型说明 -->
<html lang="en">    
<!-- # 页面根标签 -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hello</title>
</head>
<body>
    <h1 align='center'>你好</h1>
    <h3 align='center'>中午吃什么</h3>
    <p>鱼香肉丝、宫保鸡丁、水煮鱼、水煮肉片、夫妻肺片、辣子鸡丁、麻婆豆腐、回锅肉、东坡肘子和东坡肉、棒棒鸡、泡椒凤爪、灯影牛肉、廖排骨、口水鸡、香辣虾、尖椒炒牛肉、四川火锅、麻辣香水鱼、板栗烧鸡、辣子鸡</p>

</body>
</html>

文本：

    <b>加粗</b>
    <i>倾斜</i>
    <del>删除</del><br><hr>
    <b><i>加粗倾斜文字</i></b>

效果如下：

字符实体：

结构标签：

列表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>
<body>
    <!-- ul>li*3 -->
    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
    <ol>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ol>
</body>
</html>

<ol start=4>

表格：

    <!-- 四行三列 -->
    <!-- table>tr*4>td*3 -->
    <table>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
            <td>23</td>
        </tr>
        <tr>
            <td>31</td>
            <td>32</td>
            <td>33</td>
        </tr>
        <tr>
            <td>41</td>
            <td>42</td>
            <td>43</td>
        </tr>
    </table>

为表格添加边框：

    <!-- border 边框 -->
    <!-- cellspacing 单元格边距 -->
    <table border="1" cellspacing='0'>

<td colspan="3">11</td>

表单标签：

    <form action="" method="get">
        <!-- 表单控件 -->
        姓名：<input type="text">
        密码：<input type="password">
        选择：<input type="radio">
    </form>

表单控件属性：

输入姓名，密码，单选：

    <form action="" method="get">
        <!-- 表单控件 -->
        姓名：<input type="text" name="uname" value="请输入用户名">
        密码：<input type="password" name="pwd" placeholder="请输入密码">
        选择：
        <input type="radio" name="answer" value="A">A
        <input type="radio" name="answer" value="B">B
        <!-- 提交按钮 -->
        <input type="submit">
    </form>

下拉选择：

      班级： <select name="" id="">
            <option value="">一班</option>
            <option value="">二班</option>
            <option value="">三班</option>
        </select>

多行文本域：

    <textarea name="" id="" cols="30" rows="10"></textarea>
    <input type="submit">

图片标签：

be like:

超级链接标签：

_self当前窗口打开；_blank新窗口打开

标签分类：

dispaly属性：

标签属性不通用

炒鸡蛋44

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 常用标签

body中常用标签：多个段落快捷键：p*n Tab 内容*nTab<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
复制链接

扫一扫

专栏目录