一、网页的认识
1.什么是网页？
网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页是指网站中的一页，通常是HTML文件，需要通过浏览器来阅读。
2.什么是HTML？
HTML指的是超文本标记语言，用来描述网页中的一种语言。
标记语言是一套标记标签。
超文本的含义：
（1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）
（2.可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
3.网页的形成
网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。
二、常用浏览器及内核
浏览器：
内核：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
三、web标准（重点）
Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C是国际化著名的标准话组织。
1.为什么需要web标准
浏览器不同，显示页面和排版会有不同。
2.web标准的构成
结构：对网页元素进行整理和分类。HTML
表现：设置网页元素的版式、颜色、大小等外观样式。css
行为:w网页模型的定义以及交互的编写。JavaScript
四、HTML标签
1.语法规范
标签含义：（1）.html标签由尖括号包围的关键词
（2）.标签一般是成对出现的。<html></html>(双标签：开始，结束)
（3）.单标签<br />（极少情况）。
标签关系：
(1）.包含
<head>
<title></title>
</head>
（2）.并列
<head></head>
<body></body>
2.骨架标签
每个网页都有骨架标签，一般格式如下：
3.开发工具
3.1常用快捷键
（（1、复制一行
将光标挪到要复制的行上，alt+shift+下→。
（2、选定多个相同的单词
ctrl+d
（3、添加多个光标
ctrl+alt+上箭头
（4、全局替换某些单词
ctrl+h,选择全部替换
（5、快速跳转到某一行
ctrl+g
（6、选择某个区块
shift+alt,然后拖动鼠标
（7、放大、缩小整个编辑器的界面
ctrl加+，-
(8、自定义快捷键
单行注释：ctrl+/
多行注释：ctrl+shift+/
3.2vscode工具生成骨架标签新增代码
(1.<!DOCTYPE>标签（文档类型声明标签）：告诉浏览器使用哪种html版本来显示网页
注意：
（1）处于文档的最前面位置，处于<html>之前
（2）不是一个html标签
(2.lang语言
定义当前文档显示的语言
en:英语；zh-CN:中文；fr:法语
(3.charset字符集
便于计算机能够存储和识别各种文字；
UTF-8称为万国码，包含世界所有国家需要用到的字符
<meta charset="UTF-8"/>必须写，不然会乱码。
4.常用标签
（1）标签语义
标签的含义，添加语义标签使结构更加清晰。
（2）标题标签<h1>-<h6>
例如：<h1>我是一级标签</h1>
语义：作为标题使用，并且依据重要性递减。
特点：（1.加了标题的文字会变得加粗，字号也会依次变大。
(3).段落标签和换行标签
段落标签：<p></p>
语义：可以将段落分开
<p>第一段</p>
<p>第二段</p>
特点：（1.文本在一个段落中会根据浏览器窗口大小自动换行
（2.段落之间会保有空隙
换行标签（查看-自动换行alt+z）：<br/>
语义:强制换行
特点：（1）单标签
（2）仅开始新的一行
(4)文本格式化标签
为文字设置粗体，斜体，或下划线等效果
语义：突出重要性，比普通文字更重要。
1.加粗标签：<strong></strong>或<b></b>
2.倾斜：<em></em>或<i></i>
3.删除线：<del></del>或<s></s>
4.下划线：<ins></ins>或<u></u>
(5).<div>和<span>标签（无语义）
盒子，用以布局网页，都是双标签。
特点：1.<div>用来布局，一行只能放一个。大盒子。
2.<span>用来布局，一行可放多个。小盒子。
（6).图像标签和路径
1.图像标签
<img>用来定义HTML页面中的图像
<img src="URL图像"/>（单标签）
图像标签的属性：
（1）src：该标签的必须属性，用于指定图像文件的路径和文件名。
（2）alt：替换文本 ，图像显示不出来的时候用文字替换。
（3）title:提示文本，鼠标放到图像上显示的文字。
（4）width:设置图像宽度。
（5）height：设置图像高度。
（6）border：设置边框粗细。
注意：a.图片要与html文件放在一个文件夹里。
b.编写代码时要加上图片的后缀名。
c.高度和宽度只需修改一个。
d.图像标签可以有多个属性，必须写在标签名的后面。
e.属性之间不分先后顺序，标签名与属性之间，属性之间均用空格分开。
f.属性采用键值对的格式，即key="value"。
学习进度：p22
1597
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
