4月2日第二课 html基础知识
1.网页组成
| 序号 |
内容 |
说明 |
| 1 |
文本 |
直接展示给用户的内容 |
| 2 |
资源引用 |
引入外部已制作好的图片、文件、视频等 |
| 3 |
标记 |
对上两个内容的说明描述，html标签 |
2.html设计思想
- html中的一切都基于标签，所有内容都处于标签之内
- html根据各种标签来规范内容的展示方式
- html不是编程语言，只是一种文本规范
3.html页面
3.1 源码构成
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>HTML5页面结构</title> </head> <body> <!-- 页面主体内容 --> <h2>PHP中文网欢迎您...</h2> </body></html>
3.2 源码构成说明
| 序号 |
内容 |
说明 |
| 1 |
<!DOCTYPE html> |
声明文档类型，放于顶部 |
| 2 |
<html></html> |
根标签，所有html内容都应该写在其中 |
| 3 |
<head></head> |
设置页面的相关信息，如页面编码格式、网页标题、网页关键字、引用外部样式文件等，供浏览器和搜索引擎使用。不展示给用户 |
| 4 |
<body></body> |
放置展示给用户的内容 |
| 5 |
<meta> |
用于设置页面元数据（描述特定信息），如页面编码格式、窗口设置 |
| 6 |
<!--注释--> |
HTML文件中内容的注释，浏览器不会进行解析 |
4.元素、元素的属性、属性的值、
4.1元素
- 元素分为两类：非空元素、空元素。
- 非空元素为双标签，有起始标签和结束标签，主要放置内容
- 空元素为单标签，无结束标签，主要用于资源引用
4.2 元素的属性和属性的值
- 属性写于元素的起始标签中
- 属性语法：属性名=”属性值”
- 属性名是预定义的，不能自定义
- 属性值有部分是可以自定义的，如class=”XX”类的名称，预定义的如type=”text/html”…
4.3 三大通用属性
| 序号 |
内容 |
说明 |
| 1 |
id |
网页内对当前元素的唯一标识，不可重复 |
| 1 |
class |
对元素划类，便于批量处理 |
| 1 |
style |
设置当前元素的样式 |
5.元素的层级关系
- 元素中可以包含其他元素，是为其子元素。可以多层嵌套
- 元素嵌套要注意标签的闭合
6.网页中的文本字符
- 多个空格、换行、制表符等字符会被压缩
- <、>、&等特殊字符需要转译后才能在页面展示
7.文件和文件夹名称
- 业内规范，统一使用小写
- html文件扩展名使用.html
- 组合文件名使用连接线 -
8.url
8.1语法
- url:统一资源定位符，网络上每一个资源都有一个唯一的位置标识-URL
- 语法：协议://模式/主机名/路径/文件
8.2绝对URL和相对URL
- 绝对URL：访问目标资源与当前位置无关，物理定位
- 相对URL：根据当前位置进行访问，如上一级目录、主机
9.html标签语义化的优势
10.html元素的默认样式
不同浏览器对于HTML标签的默认样式会有差别。
11.课程总结
- html语言使用规范化的标签来向用户显示各种美观整洁的网页
- html页面使用标签进行布局、直接显示文本、引文图片和视频等资源，一切基于标签
12.手残。。手写
