HTML简介
HTML 是超文本标记语言，是用来描述网页的标记语言
HTML 文件 保存的后缀为 ： html 或 htm
HTML语法
HTML 与 XML 基本一致，也是使用标签编写文档内容，但是规则相对松散
学习的是由W3C组织定义和维护的一系列标签名称
HTML基础格式
1、文档声明
<!DOCTYPE html>
<html>
2、文档头部
<head>
<title>网页的名称</title>
</head>
3、文档内容
<body>要显示的内容</body>
</html>
head 与 body 标签
head : 网页的头部信息，用于描述网页
子标签：
- title — 网页标题
- meta — 用于描述网页的内容类型以及文本编码，也可用于通知搜索引擎蜘蛛网页内容
- style — 定义网页的层叠样式表CSS
- script — 用于定义网页脚本
body : 网页主题内容部分，使用特定标签，丰富网页内容
在网页中描述内容
方法一：通过颜色单词制动颜色值 例：red
方法二：通过RGB（红绿蓝）三原色调色板指定颜色
-
#RGB
由一个#和3个16进制数字组成
RGB的每一个颜色值，表示一个16进制数（颜色从暗到亮） -
#RRGGBB
由一个#和6个16进制数字组成
RGB的每一个颜色值，表示2个16进制数（颜色从暗到亮） -
rbg（r值，b值，d值）
RGB的每一个颜色值，表示一个十进制数字（0~255）（颜色从暗到亮） -
rbga（r值，b值，d值，a值）
RGB的每一个颜色值，表示一个十进制数字（0~255）（颜色从暗到亮），a表示透明度，是一个0-1的浮点型数字，1表示不透明，0表示完全透明
在网页中引入文件
方法一：引入网络地址的文件
方法二：引入本地相对路径的文件
相对路径：相对路径描述的文件，表示相对于当前代码所在路径描述的文件
在前端开发中，制定单位长度
常用：
- px：像素
- em：是一种相对字体大小的单位，lem表示当前字体大小
- 百分比：元素占用父元素的宽度百分比
不常用：
- pc：派卡
- in：英寸
- mm：毫米
- cm：厘米
- pt：point点
body子标签（1）
任何标签都可以添加title属性，鼠标悬停时，会出现title值
1、body标签的属性
- bgcolor：用于设置背景颜色
- background：用于设置背景图片
- text：用于设置文本内容的颜色
2、标题标签
<h1></h1>
<h2></h2>
...
<h6></h6>
h1表示一级标题，以此类推，标题指的是加粗的文本
3、文本格式化标签
<b>文本加粗</b>
<i>文本斜体</i>
<del>文本添加删除线</del>
<u>添加下划线</u>
<center>内容居中</center>
4、空格、换行、段落等特殊符号
-   ; — 表示空格
- < ; — 表示小于 <
- > ; — 表示大于 >
- & ; — &
- © ; — ©
- ® ; — ®
- ¥ ; — ¥
- < br > — 换行
- < hr > — 分割线
- < p >< /p > — p标签表示一个段落
5、超链接 a标签
用于链接一个网址/锚点/手机号/邮箱等的工具标签
语法格式：
- 跳转网页
< a href = “网页的路径”>提示的文本< /a > - 新窗口打开网页
< a target = “_blank” href = “网页的路径”>提示的文本< /a > - 拨打电话（常用于手机网页，可直接调出拨号页面）
< a href = “tel : 手机或电话号码” >提示文本< /a > - 启动邮件发送软件（先要有对应的软件）
< a href = “mailto : 邮箱地址”>提示文本< /a >
锚点使用：
（1）建立锚点：给空的 a 标签，添加 name 属性， name 属性的值就是锚点名称
（2）编写超链接，绑定到指定的锚点
- 绑定同一个锚点
格式：< a href = “#锚点名称”>提示的文本< /a > - 绑定其他页面的锚点
格式：< a href = “页面的地址#锚点名称”>提示的文本< /a > - 跳转到当前页面的顶部
格式：< a href = “#”>提示的文本< /a >
6、div元素与span行内
元素的三种分类：
（1）块元素：一个元素独占一行，不与其他兄弟元素同行显示，多个块元素上下排列，可调整宽度和高度
（2）行内块元素：显示的时候，与其他的行内块元素或行内元素共享一行空间，从左至右排列，一行排满自动换行，可调整宽度和高度
（3）行内元素：显示的时候，与其他的行内块元素或行内元素共享一行空间，从左至右排列，一行排满自动换行，不可调整宽度和高度
多媒体标签
1、图片标签 —— img
属性：
- scr：图片资源地址
- alt：当图片加载失败时提示的文字
- width：宽度
- height：高度
2、音乐标签 —— audio（html5新增）
属性：
- scr：音乐文件的地址
- controls：是否显示控制器，html5的boolean类型属性，属性一旦出现无论值为多少，则表示为true
- autoplay：是否自动播放，html5的boolean类型属性
3、视频标签 —— video（html5新增）
属性：
- scr：视频文件的地址
- controls：是否显示控制器，html5的boolean类型属性，属性一旦出现无论值为多少，则表示为true
- autoplay：是否自动播放，html5的boolean类型属性
- width：播放窗口的宽度
- height：播放窗口的高度
4、动画标签 —— embed（html5新增）常用于播放flash动画，.swf文件
属性：
- scr：动画文件的地址
- width：播放窗口的宽度
- height：播放窗口的高度
今天的文章HTML网页_HTML+CSS「建议收藏」分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/67417.html
