1.网页基本知识
- 网页的组成有三部分：内容，标记，引用。
- 目前主流的网页标记语言是 HTML5
- HTML 文档中的内容都是基于标签显示的
- HTML 是超文本标记语言 不是编程语言
2. HTML 文档的基本结构
<!DOCTYPE html>位于 html 文档第一行，告诉浏览器这是一个 html 文档<html>...</html>根标签，放置内容<html lang="en">标注文档使用的语言<head>...</head>定义文档头部<meta charset="UTF-8">设定字符编码集为 utf-8<meta name="viewport" content="width=device-width,initial-scale=1" />
设置视窗，页面宽度=屏幕宽度，不允许缩放<title></title>网页标题<body>...</body>网页内容
3.元素、属性、值与其他
- 元素指开始标签到结束标签的所有代码分为空元素和非空元素，标签有单标签和双标签
- 属性：在开始标签中定义 class style id 等 如
<h1 style="color:red"></h1> - 值：即属性对应的值
4.层级关系
- html 中标签可以嵌套，被嵌套的为子元素，如
<body><h1></h1></body>
5.网页中的文本字符
- html 文档中常见转义字符：
| 符号 | 转义字符 |
|---|---|
| 空格 | |
< |
< |
> |
> |
& |
& |
" |
" |
© |
© |
× |
× |
÷ |
÷ |
6.URL 统一资源定位符
- 互联网上任何一个文件都有一个唯一的 url
URL 语法：
|URL 组成部分|https://www.php.cn/code/33345.html|
|—|—|
|模式|https|
|主机名|https://www.php.cn/|
|文件在服务器上的路径|code/|
|文件名|33345.html|绝对 URL 查询文件方式：类似https://www.php.cn/code/33345.html，查询与当前位置无关，直接引用服务器文件
- 相对 url 查询文件方式： 1.统一目录直接写文件名； 2.上级目录
../文件名； 3.子目录/子文件夹/文件名; 4.从根目录开始查询/文件夹1/文件夹2/文件名
总结
- 本次课程学习了一些前端方面常用基础知识.作为正式开讲 HTML 的第一节课，讲师安排的学习内容相对比较简单，为后续学习打下基础