html是一种用于网页制作的标记语言。网页是构成网站的基本元素，HTML代码，用浏览器阅读，内容包括：文字、图片、音频、视频等，而网站是html制作网页的集合。网页制作常应用html、css、javascript。

html标签用<>包裹，常常成对出现。

html标签的关系包括包含关系和并列关系。

新版VScode 输入html ——html：5会自动生成需要的网页模板。

文本标签

标题标签<h1> -<h6>

段落标签<p></p>

换行标签<br />

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>水花61分伊戈达拉制胜抢断 西决勇士再胜开拓者总分2-0</h1>
    <h4>数据统计：水花兄弟合砍61分</h4>
    <p>库里22投11中，三分14投4中，罚球11罚全中得到37分8篮板8助攻，职业生涯季后赛得分30+次数来到35次，超过哈登排名现役第3位，仅次于詹姆斯和杜兰特。</p>

    <p>汤普森22投8中，三分8投4中得到24分3篮板2助攻，德拉蒙德-格林得到16分10篮板7助攻5盖帽，凯文-鲁尼得到14分7篮板2助攻，今天勇士有7名替补出场。</p>

    <h4>兄弟对决升级：小库里给哥哥造成压力</h4>
    <p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟。在西决第1场中，小库里没有给哥哥造成压力，他出场19分钟，7投1中只得到3分3篮板2助攻，在场期间输掉10分。</p>

    <p>但在西决第2场中，小库里攻防两端都打出杰出的表现，全场送出4次抢断，包括直接抢断自己的哥哥库里，在防守端给库里造成了极大的困扰。</p>

    <p>作者: pink老师<br />
        2019-8-8</p>

</body>

</html>

文本格式化标签：

加粗<strong></strong>或<b></b>

倾斜<em></em> 或<i></i>

删除线<dei></dei>或<s></s>

下划线<ins></ins>或<u></u>

盒子：用来放其他标签

单行<div></div>

一行可以放多个span <span></span>

图像标签：用于插入图 <img src=“XXX.jpg”> 提示文本 title 鼠标悬浮时显示，width 设定宽度， height设定高度，border 边框。

超链接标签

<a href = “跳转目标” target =”弹出方式”>图像或文本</a>

target方式:_self当前页面打开 ,_blank新标签页打开

外部链接;内部链接（直接写名字）

空链接

下载链接(.exe .zip等)

定位到页面内位置：

<a href = “#名字“>目录标签</a>
<h1 id = “名字”>文章内容</h1>

注释

<!— 注释内容—>

<a href = “#名字“>目录标签</a>

表格标签

表格的作用和基本语法

表格用来显示、展示数据

<table>定义表格标签

<tr> 定义行

<td>单元格内文字</td> 定义单元格

</tr>

</table>

表头单元格：自动加粗、居中

<th></th>

`表格头部

表格内容`

合并单元格

跨行合并：rowspan =“合并单元格个数”

跨列合并：colspan = “合并单元格个数”

目标单元格：跨行合并写最上；跨列合并写左侧

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <table border="1" width="400" height="400" cellspacing="0">
        <tr>
            <td> </td>
            <td colspan="2"> </td>

        </tr>
        <tr>
            <td rowspan="2"> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>

            <td> </td>
            <td> </td>
        </tr>
    </table>
</body>

</html>

列表

无序列表

<ul>
<li></li>
<li></li>
<li></li>
</ul>

代表无序列表,ul内只能放li，但li内任意

有序列表

<ol>
<li></li>
<li></li>
<li></li>
</ol>

自定义列表

拥有一个大标题和多个子标题

<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>

表单标签

作用：收集用户信息

表单域、表单控件、提示信息

<form>表单域，把范围内的表单元素进行提交

        <form action = "url地址" method = "提交方式" name = "表单域名称">
    </form>

表单控件（表单元素）

<input type= />,.

<input type = “submit”>提交表单元素

<input type = “reset”> 重置按钮

<input type="button" value="普通按钮">

<input type="file"> 上传文件

<label> 标签，点击时自动聚焦

下拉标签

文本域

<textarea> 用于让用户输入大量文字

HTML基础学习笔记

文本标签

表格标签

列表