HTML

HTML笔记

1、前端：主要职责，负责网页。

2、通过网页展示数据。

3、网页的组成：

（1）网页的结构内容-HTML

（2）网页的样式-CSS

（3）网页的行为-JavaScript

4、HTML

（1）简介：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

开发工具：VSCode、HBuilderX、HBuilderHTML网页的基本结构

（4）HTML标签（HTML元素）

① 大部分HTML标签都是成对出现：

、

、、...

② 部分标签是单独出现的：、、、
（5）常用的HTML标签

①标题标签：h1~h6，常用的h1~h3

②段落标签：p

③换行标签：br

④列表标签

有序列表：ol、li

无序列表：ul、li

⑤超链接标签：a

属性href：访问的资源路径

属性target：_blank（在新窗口打开网页）  _self（在当前新窗口打开网页）

⑥图片标签：img

属性src：图片路径（本地相对路径/在线链接）

属性alt：图片无法显示的时候，的一种提示信息

属性title：鼠标跟随的提示信息

属性width、height：图片的宽高（单位：px，不用写）

⑦表单标签：form

属性action：提交服务端的地址    

属性method：GET/POST

表单项标签：文本框、密码框、单选按钮、复选框、下拉框、文本域、等等

⑧表格标签：table

表头：thead

表体：tbody

行：tr

列：td（必须放在tr中）

合并：合并行（rowspan）、合并列（colspan）

⑨其他标签：b、strong、i、del、span（没有默认样式的文本标签）

（2）标签的分类

①块标签（块元素）：div、ul、li、ol、form、table、h1~h6  特点：独占一行，可以设置宽高

②行内标签（行内元素）：a、span   特点：不可以设置宽高

③行内块元素：img、input、button  特点：可以设置宽高

（5）标签的嵌套使用

①div：可以嵌套任何标签，包括div

②p：可以嵌套任何行内元素和行内块元素，不可以嵌套块元素。

③a：可以嵌套除过a的任何元素