HTML基础标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个网页</title>
</head>
<body>
    HELLO WORLD!<br/>你好，HTML！
    <p>这里是一个段落</p>
    <p>这里是第二个段落</p>
    <img src="鸡你太美.jpeg" alt="图片无法加载时提示" title="图片标题" width="72" height="144">
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    有序列表
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>31</li>
    </ol>
    <ul>
        <li>4</li>
        <li>3</li>
        <li>2</li>
        <li>2</li>
    </ul>
    <b>加粗</b>
    <i>倾斜</i>
    <u>下划线</u>
    <br/>
    <span>不换行的</span>
    <span>不换行的</span>
    <span>不换行的</span>
    <div>块级元素</div>
    <div>块级元素</div>
    <div>块级元素</div>
    <a href="www.baidu.com">百度链接</a>
    上标<sub>上</sub>
    下标<sup>下</sup><br/>

    大于号&lt;<br/>
    小于号&gt;<br/>
    注册商标&reg;<br/>
    版权符号&copy;<br/>

</body>
</html>

html:html页面中由一对标签组成<html></html>,<html>称之为开始标签,</html>称之为结束标签.

meta:可以在meta标签中设置编码方式。

br:<br/>是一个单标签。

img:图片标签，src=“图片地址”,width=" "宽度，height=" "高度，alt=""图片无法加载时提示内容，title=""图片标题，当鼠标移动到图片上时显示提示信息。

h1-h6:标题标签

ol:有序列表。里面可以包含多个li标签。属性有start和type，start表示从几开始，type表示类型。

ul:无序列表。无序列表默认是点。有type属性没有start。

b:加粗 i:倾斜 u:下划线

sub:上标

sup:下标

span:不换行的行级元素

div:换行的块级元素

a:超链接标签，属性有href，target。href是链接的地址，target有四个值分别是：_self在本窗口打开,_blank在一个新窗口打开,_parent在父层窗口打开,_top在顶层窗口打开。

大于号:<

小于号:>

注册商标:&reg

版权符号:&copy

posted on 2022-08-29 16:57 罗|马阅读(56) 评论(0) 编辑收藏举报