HTML,全称为Hyper Text Markup Language （超文本标记语言）。

常用开发工具有：1.vs code（全栈开发）  2.hbulider（纯前台开发工具） 3.sublime（简易速度快） 4.Webstorm

标签：用（开始）  （结束）做标记，其中可放置文本内容或其他标签，可嵌套使用。

元素：标签和其内容称为元素。

属性：以 key=”value”的形式存放在标签内。

HTML标准文档结构是以html为根节点，其下包括head 和body 。

其中head为明示浏览器渲染的基本配置，body为渲染的主要内容。

快捷生成标签之间的关系

h1>h2  h1包含着h2

h1+h2  h1与h2同级

h1{ }   { }内可填内容

h$*6  其中$为可列序号，从1开始，*n 表示生成n个

核心标签：块标签，行内标签

块标签

无语义标签块标签,一般作用容器用于页面布局。

~

 表示标题，默认有六个级别的标题。h$*6(快捷)

ol  表示有序列表 ordered list li 表示列表项

1. 第1项
2. 第2项
3. 第3项

ul 表示有序列表 unordered list li 表示列表项

• 第1列
• 第2列
• 第3列

dl 表示定义列表 defined list dt 表示定义标题 defined title dd 表示定义表示 defined description （其中dt和dd可以由任意多个）

五岳

泰山，嵩山，华山，恒山，衡山

Table 表格 其中border这个数值越大，边框就越粗。 border--设置或获取绘制对象周围边框的宽度。  colspan 向右占用若干列  rowspan 向下跨越若干行

111

222

333

colspan:

z1

z2

z3

z1

z2

z3

rowspan:

z1

z2

z3

z1

z2

z3

p 标签表示段落

br 标签用于换行

行内标签

a标签表示链接 其中herp表示连接地址

绝对路径:从盘符开始的路径就是绝对路径。

相对路径:没有盘符，从当前路径开始。当前操作的文件所在的路径就是当前路径，用.表示。

一般都用相对路径。

哔哩哔哩

test page

img 表示图片 src 表示图片地址，alt表示图片加载失败后显示的文本，title表示鼠标悬停的显示文本。img可以设置尺寸。

strong/em/var 表示强调

from表单

用途：向后台提交数据。

action为提交数据的指向地址 method为传输方式有post/get

用户名: 

密码: 

 男

 女

checked 为设定默认选项

喜欢的颜色:

 红色

 黄色

 蓝色

 绿色

checked 为设定默认选项

水果:

请选择

苹果

香蕉">香蕉

桃子">桃子

selected 为设定默认选项

调试工具：在浏览器中 右键->检查或查看元素 启动devTools, 快捷键为F12。