HTML基础标签 

<!DOCTYPE html>
<!-- html5标识 -->
<html>
<head>
    <title>hello,world!</title>
</head>
<body><!-- 主体 -->
    <div>无实意标签</div>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>段落标签</p>
    <img src="http://cms-bucket.ws.126.net/2021/1101/30942773j00r1vh8c00pec001e000goc.jpg">
    <input type="text" name="">
    <input type="number" name="">
    <input type="password" name="">
    <br>
    性别:
    <input type="radio" checked name="gender">男
    <input type="radio" name="gender">女
    <br>
    兴趣爱好:
    <input type="checkbox" name="">玩游戏
    <input type="checkbox" name="">睡觉
    <input type="checkbox" name="">学习
    <ul type="square"><!-- circle -->
        <!-- 无序列表 -->
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
    </ul>
    <ol type="a"><!-- A,i,I -->
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
    </ol>
    <a href="https://www.baidu.com/">百度一下</a>
</body>
</html><!-- 闭标签 -->

 

首先<!doctype html>是HTML5的标识，<html>作为开标签，</html>作为闭标签。

<head>是一个头部标签，<meta charset="utf-8">中，meta是元标签，charset指的是编码的格式，utf-8中包含了200多种语言里的字符。

<body>中的内容是主体，其中div是无实意标签，h1、h2、h3等指的是等级标题，p是段落标签，效果如下。

 

 

 

input 中的name=“radio”时做单项选择，而name=“checkbox”时做多项选择。

ul做无序列表，a标签则是加入超链接。效果如下。

 

 

 

posted @ 2021-11-07 20:41  Lhaoyu  阅读(50)  评论(0)    收藏  举报