HTML基础标签详解-优快云博客

本文详细介绍了HTML中常用的基础标签及其用途，包括超链接、图片展示、表格构建等，并解释了不同文本样式的实现方法。

<!DOCTYPE html>
<html>
    <head>
        <!-- 设置网页编码 -->
        <meta charset="utf-8">
        <mete nema="author" value="张三">
        <title>网页基本结构</title>
    </head>
    <body>
        <a href="https://www.baidu.com">超链接标签</a>
        <img src="" alt="展示图片的标签">
        <span>一般设置简短的文字信息</span>
        <!-- <tabel> 表示表格
        <ty>是表格中的行
        <td>是表格中的列-->
        <table>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
        </table>
        <!-- 常见的文本标签 -->
        <small>小文本</small>
        <strong>粗文本</strong>
        <i>斜体文本</i>
        <em>斜体文本</em>
        <b>粗文本</b>
        <del>删除线文本</del>
        <u>下划线文本</u>
        <s>删除线文本</s>
        作者<sup>①</sup>出书
        作者<sub>②</sub>出书
    </body>
</html>


<!--
 标签是由标签对构成的：<html> 开始标签</html>结束标签。
<img src='http://xxx.jpg/>'
<!DOCTYPE html>
<html></html>:整个网页的跟标签，所有的标签都在该标签内进行设置。
<head></head>:一般是对网页进行配置性的工作，设置网页编码，设置网页作者，
设置浏览器兼容等等。
<body></body>:网页上展示的主要内容。
父标签和子标签和后代标签：是通过标签嵌套的层级来表示标签和标签之间的关系。

 -->