HTML基础一

一、
浏览器（显示）：浏览器是网页显示、运行平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari 和 Opera 等。我们平时称为五大浏览器。
网页：网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及 Flash 等。
浏览器内核：可以分为两部分，渲染引擎（layout engineer 或者 Rendering Engine）和 JS 引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
常见的浏览器内核可以分为四种：Trident(IE内核)、Gecko(Firefox 内核)、Webkit(Safari)、Chromium/Blink(chrome) 。
web标准构成
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript。
二、HTML初识
HTML（英文HYPER TEXT MARKUP LANGUAGE的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
HTML指的是超文本标记语言 (Hyper Text Markup Language) HTML不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
1、HTML标签：作用所有HTML中标签的一个根节点，根标签
2、head标签： 文档的头部
3、title标签： 文档的标题，作用：让页面拥有一个属于自己的标题。
4、body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的，body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
HTML标签分类
1.双标签
<标签名>内容</标签名>
2.单标签
<标签名 />
HTML标签关系
1.嵌套关系

2.并列关系

文档类型

常用标签
标题标签(重点)
标题文本
段落标签(重点)

文本内容

水平线标签(了解)

---

是单标签 换行标签(重点)

div span标签(重点)
div span是没有语义的，是我们网页布局主要的2个盒子css+div。
div就是division的缩写，分割、分区的意思，其实有很多div 来组合网页
span，跨度、跨距；范围

这是头部

今日价格

文本语义化标签(重点)

图片标签(重点)
标签属性
<标签名 属性1=“属性值1” 属性2=“属性值2” … >内容</标签名>
图像标签img


链接标签
文本或图像

锚点定位(难点)
1.使用创建链接文本(被点击的)
例如：
2.使用相应的id名标注跳转目标的位置
例如：

第2集

base标签
base可以设置整体链接的打开状态；base写到 之间。

特殊字符(了解)

注释标签

ctrl + / 或者 ctrl +shift + /

列表标签
无序列表ul(重点)

• 列表项1
• 列表项2
• 列表项3
• ......

有序列表ol(了解)

1. 列表项1
2. 列表项2
3. 列表项3
4. ......

自定义列表(了解)

名词1

名词1解释1

名词1解释2

... 名词2

名词2解释1

名词2解释2

...