一、今日学习内容1.网页
网页是网站中的一页，通常为html文件，要通过浏览器进行阅读。
网站是使用html等语言制作的内容相关的网页集合
2.HTML
概念：超文本标记语言（Hyper Text Markup Language），是一种描述网页的标记语言。
超文本含义：图片、声音、动画、多媒体等（超越了文本限制）
链接可以跳转到另一个文件，与各地主机或者服务器进行文件链接（超链接文本）
3.网页解析过程：首先从服务器上下载HTML文件到浏览器，然后在再进行解析并渲染成页面
4.常用的浏览器
4.1分类：IE、Firefox、Chrome、360、edge、Safari、Opera
4.2浏览器内核
概念：浏览器的核心部分，负责对网页的语法进行解释，并且渲染/显示页面。
IE：内核是Trident.使用该内核的浏览器有：IE、猎豹浏览器、360、百度
Firefox：内核是Gecko.
Safari：内核是Webkit.
Chrome/Opera：内核是Blink，它是webkit的分支
备注：目前国内浏览器用的内核是webkit/blink，目前国内还没有自主研发的浏览器内核。
5.web标准
定义：web标准是由W3C组织以及其他标准化组织指定的一系列网页资讯标准的集合。
目的：统一规范各个浏览器显示页面或者排版
构成：
结构（strucure）：对网页元素进行管理和分类，主要用HTML来实现。
表现（presentation）：用于设置页面的外观样式，由CSS来实现
行为（behavior）：网页模型的定义和交互的编写，用JavaScript实现。
6.HTML语法规范
6.1基本语法：由标签组成，<>包围关键词
双标签：一般成对出现，第一个为开始，第二个为结束
单标签：一些特殊标签为单标签 <br >
6.2标签关系：包含关系（父子）；并列关系（兄弟）
7.开发工具：Dreamweaver、sublime、webstorm、vscode等
8.HTML标签
8.1基本结构标签（骨架标签）
8.1.1<html></html>：根标签，页面中最大的标签
8.1.2<head></head>：文档头部区域，必须设置title标签
8.1.3<title></title>：文档标题
8.1.4<body></body>：文档主体，包括文档内所有内容，相关的页面内容都是放在body标签中的
8.1.5<!DOCTYPE html>：声明文档类型：DTD文档类型定义（document type definition）
DTD声明意义：（1）定义文档中应该有什么样的标签；
（2）标签之间如何排列；
（3）标签属性；
（4）标签格式内容；
（5）校验文档是否符合DTD文档类型定义的规范
（6）定义HTML5的版本标签来显示网页
备注：DTD是定义和校验HTML内容的，要写在最前面；
DTD不是HTML的标签，是另一种专门定义标签语言的语言
8.1.6lang语言种类
意义：用来定义文档显示的语言；en 英语；zh-CN中文
8.1.7<meta charset="UTF-8">字符集：多个字符的集合，方便计算机识别和储存各类文字。存在于<head>标签中，charset属性规定文档使用哪种字符来进行编码
charset常用值：GB2312、BIG5、GBK和UTF-8，其中UTF-8被称为万国码
8.2标题标签<h1></h1> ：包含的文字会加粗，字号会随着h1~h6逐渐变小；一个标签会独占一行
8.3段落标签<p></p>：文本在一个段落中会根据浏览器窗口的大小自动换行；分隔段落，段落和段落之间保留空隙；每个p标签会单独占一行
8.4换行标签<br />单标签；强制换行；换行之间的间距比段落标签的小；
8.5文本格式化标签
加粗：<strong></strong>或者<b></b>；倾斜：<em></em>或者<i></i>
删除线：<del></del> 或者 <s></s> 下划线：<ins></ins>或者<u></u>
8.6<div>和<span>标签：<div>单独占一行；一行可以有多可<span>
8.7img图像标签
常用属性和属性值：src = “图片路径”；必须属性
alt = “文本”；替换文本，图像不能显示时的文字
title = “文本”；提示文本，鼠标停留在图片上时显示的文本内容
width = “像素值”； 设置图像的宽度
height = “像素值”；设置图像的高度
border = “像素值”； 设置图像边框的粗细
路径问题：相对路径：就是资源相对于HTML页面的位置，以当前文件所在的为参考基础，建立出的文件路径
去上一级目录：..；当前目录：.；下一级目录：/
绝对路径：是指资源所在绝对位置，通常是从盘符直接开始进行查找，不管当前文件在什么位置，绝对路径都可以找到所需资源的地址
8.8超链接<a></a>
语法格式<a href="跳转目标" target="目标窗口的弹出方式">文本或者图像</a>
常用属性和属性值：href=“跳转目标”； 用于指定链接目标的url地址，必须属性
target=“目标窗口的打开方式”； 用于指定新页面的打开方式
默认的属性值是_self,代表在当前窗口进行链接窗口，如果设置为_blank代表在新窗口中打开链接地址
链接的分类：
（1）外部链接 例如直接跳转到百度链接
（2）内部链接：网页内部页面之间的相互链接，直接写内部页面的文件名即可
（3）空链接：如果临时需要一个链接目标，可以使用 # 来代替
（4）下载链接：如果href的属性值是一个文件或者压缩包，那么点击链接会直接下载
（5）网页元素链接：使用网页中的处文本以外的其他元素添加的超链接
（6）锚点链接：点击链接，可以快速跳转到当前页面中的指定位置
步骤一：在链接文本中href属性后设置属性值为 #名字 的形式；在目标位置的标签后添加一个id属性=刚才的名字
8.9base标签
意义：base标签为页面上的所有的链接规定了默认的URL或者目标
常用属性和属性值和<a>相同
base标签一般放在head标签内部的最上方，有且只能有一个base标签，如果有多个base标签则以第一个为准。
二、今日问题
今天的课程已掌握，没有问题
三、解决方案
今天的课程已掌握，没有问题
|
