html知识自结（1

0.Dw安装

安装在这里
提取码：qlmj

！请下载完成后离线断网安装 ！

1.html结构：

举个例子：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>演示</title>
        <style>
            #demo{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <h1>
            这里是标题
        </h1>
        <p>
            这里是正文
        </p>
        <div id="demo">
            <p>
                居中正文
            </p>
        </div>
    </body>
</html>

这个是一个简单的例子，包含了一个html常见的结构

下面总结一下基础结构

2.标签

在html中，<>中的内容成为标签，标签通常成对出现：<>与</>为一个标签内容的开始与结束，有些标签除外，例如<meta charste="utf-8">就只有一个，规定html的文字编码为utf-8。

常见的标签有：
主体：

内容:

表格:


<table border="1">
    <tr>
        <th>1</th>
        <th>2</th> 
    </tr>          <!--<th></th>是表头-->
    <tr>
        <td>(1,1)</td>
        <td>(1,2)</td>
    </tr>
    <tr>
        <td>(2,1)</td>
        <td>(2,2)</td>
    </tr>
</table>

效果如下：

除此之外
一些标签还可以被定义属性

在开头的例子中，居中的本文所在的区块被定义了id="demo"
也就是：

<div id="demo">

而在<head>部分的<style>部分中，为demo指定了居中格式：

#demo{
    text-align:center;
}
赏

一只小白鸽