HTML

网页的组成

网页的组成部分：1.结构（html） 2.美化（css）3.动态的效果（js）

HTML标题

html标题是由<h1>-<h6> 标签来定义的(没有七级标题)

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

水平线hr

<hr>标签可以创建水平线，用来分隔内容

    <h1>一级标题</h1>
    <hr>
    <h2>二级标题</h2>
    <hr>
    <h3>三级标题</h3>
    <hr>
    <h4>四级标题</h4>
    <hr>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

HTML段落

html段落是<p>标签定义的

    <p>
        一段落
    </p>
    <p>
        二段落
    </p>
    <p>
        三段落
    </p>

HTML超链接

html链接是签<a>标签来设置的，在标签<a>中使用href属性来描述链接地址

     <a href="https://www.baidu.com">百度</a>
     <a href="https://www.runoob.com">菜鸟教程</a>

target：使用target属性，可以定义被链接的文档在何处显示

设置target属性为_self：在相同框架中打开

标题title

<title>标签定义了不同文档的标题

 <title>秋木苏</title>

HTML图像

在html中，图像由<img>标签定义 (html是空标签，只包含属性，没有闭合标签)
url指存储图像的位置。

<!-- 123.jpg位于html目录里 -->
<img src="123.jpg"  alt="未加载出图片" height="700px">

alt属性用来为图像定义一串预备的可替换文本，当图片未加载出来时，就会显示alt的文本。

HTML表格

表格由<table>标签来定义,<tr>定义行,<td>定义列,<th>标签定义表头

    <table border="1">
        <tr>
            <td>1列</td>
            <td>2列</td>

        </tr>
        <tr>
            <td>1行1列</td>
            <td>1行2列</td>
            <td>1行3列</td>
        </tr>
        <tr>
            <td>2行1列</td>
            <td>2行2列</td>         
        </tr>    
    </table>

HTML列表

无序列表

无序列表用<ul>标签

    <ul>
        <li>腾讯QQ</li>
        <li>微信</li>
        <li>控制面板</li>
    </ul>

有序列表

有序列表用<ol>标签

    <ol>
        <li>腾讯QQ</li>
        <li>微信</li>
        <li>控制面板</li>
    </ol>

HTML区块

大多数元素被定义为块级元素或是内联元素，块级元素通常会以新行开始，内联元素在显示时通常不会以新行开始。

    <style type="text/css">  
    .abc{color:coral;background-color: cornsilk;}
    .you{color: crimson;background-color: aquamarine;}
    </style>
    <p class="abc">123</p>
    <p class="abc">123</p>
    <strong class="you">456</strong>
    <strong class="you">456</strong> 

块级元素会占一行，内联元素只占内容空间。