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】
- 标签
表示一个有序列表,常用属性:
-
type:规定列表中使用的标记类型,可取值 1AaIi
-
star:规定列表的起始值
【4】
定义描述标签,图文混排
我的主页 无序列表:
-
- 吃
- 喝
- 玩
- 乐
有序列表:
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
6、图形标签
【1】 标签
图形标签,用于在页面上引入图片,常用属性:
-
src:用于设定要引入的图片的URL
-
alt:用于设定图像的替代文字
-
width:用于设定图片的宽度
-
height:用于设定图片的高度
-
border:用于设定图片边框厚度
-
align:用于设定图片的文字对齐方式
我的主页 图片显示:
-