这是我参与「第四届青训营 」笔记创作活动的第1天
导言
作为前端的基石之一，HTML相当于我们的页面骨架，结构稳定了，页面效果才能有更好的展示。
初识HTML
- 概念：HTML是HyperText Markup Language的缩写，即超文本标记语言，是一种制作万维网页面的标准语言。HyperText涉及图片，标题，链接，表格。
- 基本结构：
<!DOCTYPE html>
<html>
<head>
<title>标签页标题</title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
3.图片格式：
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
①src：标识图像的位置；
②alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
③title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4.DOM树
HTML基础语法
- 标题：
<h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6>
以上皆是块元素，字号依次减小，字体加粗
- 表格：
创建表格的四个元素：table、tr、th、td
①<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
②<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
③<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
④<th>…</th>：表格的头部的一个单元格，表格表头。
⑤表格中列的个数，取决于一行中数据单元格的个数。
⑥border属性可以为表格添加边框，属性值为数字。
3.文本与密码输入框：
<form><input type="text/password" name="名称" value="文本" /></form>
①type： 当type="text"时，输入框为文本输入框， 当type="password"时,输入框为密码输入框。
②name为文本框命名，以备后台程序ASP 、PHP使用。
③value为文本输入框设置默认值。(一般起到提示作用)
总结
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
