黄阿信的个人博客

最简单的meno

<!DOCTYPE html>
<html lang="en"><!-- 文档中html开始的部分 -->
    <head> <!-- 提供有关文档内容和标注信息 -->
        <meta charset="UTF-8"><!-- 编码 -->
        <title>title</title>
    </head>
    <body>
        hello world
    </body>
</html><!-- 文档中html的结束 -->

HTML常用的标签分为：行标签和块标签：

行标签：在一行内显示、不可以进行宽高的数值设定；
块标签：独自占领一行、可以进行宽高的数值的设定；

先介绍行标签

行标签

超链接标签

<a href="https://yalexin.gitee.io/">博客链接</a><!-- URL外部链接 -->

加粗标签

<b>加粗</b><!-- 加粗标签 -->

斜体标签

<em>斜体</em><!-- 斜体标签 -->

下划线标签

<u>下划线</u><!-- 下划线标签 -->

中划线标签

<s>中划线</s><!-- 中划线标签 -->

图片标签

<img src="hello.png" width="50px"><!-- width/height只设置其中之一的时候，会按照原比例自动缩放 -->

块标签

div标签

划分块的主要使用标签

<div>
	<p></p>
   <p></p>
</div>

表格标签

<!DOCTYPE html>
<html lang="en">
<!-- 文档中html开始的部分 -->

<head>
    <!-- 提供有关文档内容和标注信息 -->
    <meta charset="UTF-8"><!-- 编码 -->
    <title>title</title>
</head>

<body>
    <table border="1px">
        <tr>
            <!-- 行 -->
            <th>第一个表头</th> <!-- 表头 -->
            <th>第二个表头</th>
            <th>第三个表头</th>
        </tr>
        <tr>
            <!-- 第二行 -->
            <td>单元格</td><!-- 单元格 -->
            <td>单元格</td><!-- 单元格 -->
            <td>单元格</td><!-- 单元格 -->
        </tr>
    </table>

</body>

</html><!-- 文档中html的结束 -->

单元格合并

<td colspan="2">行合并的单元格</td><!-- 单元格 -->
<td rowspan="2">列合并单元格</td><!-- 单元格 -->

使用单元格合并时，被合并的地方的单元格要相应地删去

列表

有序列表

<ol type="1"><!-- type指定序号样式，默认是十进制阿拉比数字。 -->
    <li>第一</li>
    <li>第二</li>
    <ol type="A"><!-- 嵌套 -->
        <li>第一</li>
        <li>第二</li>
    </ol>
    <li>第三</li>
</ol>

无序列表

<ul>
    <li>第一</li>
  <li>第二</li>
    <ul type="A"><!-- 嵌套 -->
        <li>第一</li>
        <li>第二</li>
    </ul>
    <li>第三</li>
</ul>

html语法一

最简单的meno

行标签

超链接标签

加粗标签

斜体标签

下划线标签

中划线标签

图片标签

块标签

div标签

表格标签

单元格合并

列表