第一节.HTML相关概念
常用陌生词汇：
Hyper Txwt 超文本
sheet 表格
Markup Language 标记语言
* HTML和CSS概述
- W3C：（万维网联盟）目前Web技术领域最具权威和影响力的技术标准机构，目前为止，已发布200多项影响深远的Web技术标准和实施指南。
- HTML：超文本标记语言 （HyperText Markup Language），该语言书写的代码通常会被浏览器解析执行，渲染成网页。
Hyper Text 超文本：不只包括文本，也可以包括图片.音乐.视频.链接等非文本因素。
Markup Language 标记语言:是一套标记标签，HTML使用标记标签来描述网页，用于定义文档的内容结构。一个页面就是一篇文档，而一篇文档最核心的就是内容，不同含义的内容组成了文档的结构。
- CSS: 层叠样式表（Cascading Style Sheets）,用于定于HTML文档的样式（外观），该语言书写的代码通常会被浏览器解析执行，页面表现的基础，可以控制布局，控制元素的渲染。
* HTML术语
HTML注释的书写格式：<!--注释内容--> 用于描述代码功能，浏览器解析HTML代码时会忽略注释内容。
* HTML元素
HTML元素也可称为标记.标签.记标。是HTML文档的重要组成部分，一个HTML文档油大量元素组成。HTML所有内容结构，都是靠元素组织到页面中的。
组成部分: 起始标记（元素的开始）---元素内容--- 结束标记（元素的结束） ，不用的标记赋予不同的含义。
属性： <a herf="/class/7">立即加入</a> 属性在开始标签之后，表示元素的额外信息。
属性名=“属性值” ，= 为分隔符。
标记名.属性.元素内容共同决定了一个元素的显示内容和行为。
* 空元素
又称为自闭合元素:没有元素内容和结束标记。
<标记名 属性> <标记名 属性/>
<image src="www.baidu.com">
* 元素的层次结构
一个元素的内容中可以包含其他元素，形成嵌套的层次结构，但两个元素之间不能相互嵌套。
若A元素直接包含B，则A为B的父元素，B为A的子元素。
若两个元素有一个父元素，它们也称为兄弟元素。
若A直接或间接包含B，则A为B的祖先元素，B为A的后代元素。
* HTML文档结构
- 文档声明：不是元素，也不是注释，它总是出现在HTML代码的第一行，用于通知浏览器，目前的文档正使用哪一个HTML版本，若不写文档声明，浏览器渲染页面时会进入怪异模式，写了就是标准模式。
<!doctype html>为使用的HTML5版本。 - HTML
HTML又叫做根元素，根标记，它是所有其他元素的祖先元素
相关属性： Lang .该属性指定文档中的文字是何种自然语言书写的，该属性可能会影响到浏览器的语言阅读和翻译能力。
<html lang="en"></html>该文档中的文字使用英文书写。
<htm lang="zh-cmn-Hans"></html>该文档中的文字使用简体中文书写。
- head元素
又叫文档头，它是HTML元素的第一个子元素，文档头中可以包含一些其他元素，用于描述页面的附加信息。head元素中的内容不显示在页面上。
<title>标识文档标题，该标题显示在浏览器标题栏或便签页上。
<meta>标识页面的其他元数据（页面相关的附件信息），这是一个空元素。为获得更好的地域兼容性，避免乱码，应将字符编码集位置为UTF-8,并将该代码作为head的第一个子元素，指示浏览器，使用字符编码集UTF-8解析页面。
- body元素
又叫文档体，网页中所有的可见内容都放置在该元素内，可以包含大量的其他元素，定义文档结构。
* 相对路径和绝对路径
- 绝对路径
当网页部署到服务器后，网页中的所有资源都可以通过一个地址访问，该地址的书写格式为：协议：域名/目录
这种格式书写的路径，叫做绝对路径。访问站外资源时，只能使用绝对路径。
- 相对路径
相对于当前资源的位置，只能用于访问站内资源。书写格式为：./路径
./表示当前资源所在的目录，必须作为相对路径的开始，可省略
../表示返回上一级目录，可出现多个../../../
站外资源只有只能用绝对路径。
站内资源推荐用相对路径，若网站已部署，也可以使用绝对路径，可省略协议和域名。
原文地址：https://www.cnblogs.com/web--yang/p/8848673.html