3、块标签

4、字体标签

5、列表标签

6、图形标签

7、链接标签

8、表格标签

一、概述

====

1、什么是HTML

HTML是用来描述网页的一种语言

• HTML 指的是超文本标记语言（Hyper Text Markup Language）（h5 audio video）

• HTML 不是编程语言，是一种标记语言（markup language）

• 标记语言是一套标记标签（markup tag）

• HTML 使用标签来描述网页

2、HTML 的作用

web 浏览器的作用是读取 HTML 文档，并以网页形式来进行显示，浏览器不会显示 HTML 标签，而是显示使用标签来解释页面上的内容的信息

3、HTML 书写规范

【1】HTML 标签

• HTML 标签是由尖括号包围的关键字，比如

• HTML 标签通常是成对出现的，比如和

• 标签对中的第一个标签是开始标签，第二个标签是结束标签

• 绝大多数的标签都具有属性，建议属性值使用引号引用，比如

• 大多数标签是可以嵌套的

• 有且只有一个根节点（标签）

• 对大小写不明感（标签建议小写）

【2】HTML 创建

• HTML 文件可以直接使用文本编辑器来创建，保存时，后缀名为 html 或 htm

• 整个是在 与 标签之间

• 在 与 标签之间有 与 字标签

【3】空的 HTML 标签

• 没有内容的 HTML 元素被称为空元素，空元素是在开始标签中关闭的

• 
  换行标签和

  ---

  线条标签就是没有关闭标签的空元素

• 一般书写直接在 《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》无偿开源 威信搜索公众号【编程进阶路】 标签内结束，比如
   

  ---

二、HTML 基本标签

===========

1、文件标签

【1】 标签

• 整个文件都处于 标签中

•   用以申明这是 HTML 文件，让浏览器认出并正确处理 HTML 文件

• 在 HTML 文件有两部分 与

【2】 标签

• 用于加载一些重要的资讯

• 内容不会被显示，只有 的内容才会被显示

【3】

• 表示的是标题

【4】 标签

• text：用于设定文字颜色

• background：用于设定背景图片

• bgcolor：用于设定背景颜色

2、排版标签

【1】注释

• HTML 注释格式：

【2】

标签

段落标签，可以将 HTML 文档分割成若干段落，浏览器会自动在段落前后添加空格，常用属性：

• align：用于设定对齐方式，可选 left、right、center，默认 left

【3】
标签

• 换行功能

【4】

生成一条水平线，常用属性：

• align：设置水平线对齐方式，可选值：left、right、center

• size：设置水平线线条粗细，以像素为单位，默认值为 2

• width：设置水平线长度，可以是绝对值和相对值，默认为 100%

• color：设置水平线颜色，默认为黑色

【5】HTML 中数值单位

• 像素：默认单位是像素

• 百分比：总长度的百分比来表示

这是一个段落

这是一个段落

这是一个段落

3、块标签

【1】

标签

用于在文档中设定一块区域，属于块级元素，常用属性：

• align：left center right

【2】 标签

用于强调信息，在行内设定一个块区域

div与span区别：

• div占用的位置是一行，

• span占用的是内容有多宽就占用多宽的空间距离

HTML中绝大多数元素被定义为块级元素或内联元素

• 块级元素：在浏览器显示时，通常会以新行来开始，比如

• 内联元素：在浏览器显示时，通常不会以新行来开始，比如

活动经费

活动经费

活动经费

活动经费

活动经费

活动经费

4、字体标签

【1】 标签

用于设置文本的字体、大小、颜色，常用属性：

• face：规定文本的字体

• size：规定文本的大小

• color：规定文本的颜色

【2】 标签

• -

  标签用于定义标题

• 最大标题

• 最小标题 

这就是生活！

吃

喝

玩

乐

5、列表标签

【1】

• 标签

表示一个无序列表，常用属性：

• type：规定列表的项目符号类型，可取值：disc、square、circle，默认为 disc

【2】

• 标签

• 表示一个列表项，常用属性：

  • type：只适用于无序列表，用于设定项目符号，默认值为 disc

  • value：只适用于有序列表，用于设定列表的项目数字

  【3】

  1. 标签

  表示一个有序列表，常用属性：

  • type：规定列表中使用的标记类型，可取值 1AaIi

  • star：规定列表的起始值

  【4】

     

  定义描述标签，图文混排

  无序列表:
• 吃
• 喝
• 玩
• 乐

• 有序列表:
• Coffee
• Tea
• Milk
• Coffee
• Tea
• Milk

• 6、图形标签

  ---

  【1】 标签

  图形标签，用于在页面上引入图片，常用属性：

  • src：用于设定要引入的图片的URL

  • alt：用于设定图像的替代文字

  • width：用于设定图片的宽度

  • height：用于设定图片的高度

  • border：用于设定图片边框厚度

  • align：用于设定图片的文字对齐方式

  图片显示: