2020-10-16 HTML基础标签了解

1.网页的组成部分与结构：

2.HTML标签的语法：
每个标签都应该闭合！
基本的语法是：<开始标签></结束标签>，如

3.分类：
双标签：<开始标签></结束标签>，如
单标签：<开始标签 />，如

4.标签属性：
在开始标签名后，用空格分隔来写，多个属性之间用空格分隔。每一个标签属性都有一个值 如

标签属性分为全局标签和私有标签。
全局： id,class,style,data-*…
私有的：<a href="" alt"">

5.常用的服务器软件：
IIS,Tomat，apache，NodeJS（前端经常使用）。
访问服务器的方式分为域名和IP。
域名：端口号，如HTTP：//www.qq.com：80（80可省略）
IP：端口号，如172.16.2.56:8080
ps：默认的端口号都是80，可省略不写，但是如果端口不是80，访问网站就要写端口号。

HTML 5

1.什么是HTML 5？
HTML5指的是新的HTML标准，HTML是超文本标记语言：Hyper Text Markup Language。

2.开发工具的下载和使用：

3.网页文件的类型：

4.了解<！Doctype>

5.安装插件

6.文档结构标签：

7.关于meta标签：

8.关于a href属性标签：

9.字号标签：

10.pre标签：
称为预格式标签，根据在HTML中的排版布局进行显示，默认网页中显示的字体会比HTML编辑中的字体小。

11.图片标签：

相对路径的理解：

12.列表标签：
有序+无序列表：

（块级标签特点：每一个标签都独占一行，一行无法完全显示内容时，自动换行显示。）

自定义列表：

13.用于格式化文字的标签，都是内联标签（行内标签）。

14.上标、下标：x的平方+y的平方等于100

15.表格的应用：

table的属性标签：

表格代码：

标签属性： 

标签的关系：

合并单元格：
从左向右合并：colspan=“4”，4表示合并4列，多余的3列要删除。

从上向下合并：rowsplan=“4”，4表示合并四行。

16.布局标准：
块元素可以嵌套块元素。
内联元素不可以嵌套块级元素，只能嵌套内联元素。
p标签中，不能嵌套其他块元素（div，h1-h6，p），只能嵌套内联元素。

快捷键：
tab：缩进
shift+tab：反向缩进

快捷生成四行五列表格