1. 什么是HTML?
a) HTML是用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言。
2. 使用W3C标准的原因
a) 随着浏览器市场的激烈竞争,各大浏览器厂商为了吸引用户,都在早期的HTML的基础上扩展各类标签,各浏览器之间互不兼容,导致HTML编码规则混乱,违背了HTML发明的初衷,因此需要一个组织来制定和维护统一的国际化Web开发标准,确保多个浏览器都兼容,HTML内容结构都是语义化的。这样的背景下,万维网联盟(World Wide Web Consortium,W3C)诞生了,因此由W3C组织制定和维护的Web开发标准,也称为W3C标准。
3. W3C标准的介绍
a) W3C标准不是某一个标准,而是一系列的标准集合,一个网页主要由三部分组成:结构(Structure),表现(Presentation),行为(Behavior),对应了三种常用的技术:HTML CSS JavaScript
4. 网页的基本信息:
a) <!DOCYPE html>:最上边一行关于DOCTYPE文档类的声明,约束HTML文档结构,检验是否符合相关Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
b)
c) 标签:使用该标签描述网页的摘要信息,包括文档内容类型,字符编码信息,搜索关键字,网站提供的功能和服务的详细描述等。标签描述的内容并不显示,其目的就是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。
i. 文档内容类型,字符编码信息书写如下:
ii. 属性:charse表示字符集编码,常用的编码有以下几种:
iii. Gb2312:简体中文,一般用于包含中文和英文的页面
iv. ISO-885901:纯英文,一般只用于包含英文的页面
v. Big5:繁体,一把用于带有繁体字的页面
vi. UTF-8,国际性通用的字符编码,同样适用于中文和英文的页面。和gb2312编码相比,国际通用性更好
d) 搜索关键字和内容描述信息书写如下:
i. <meta name=”keywords” content=”IT培训”>
ii. <meta name=”description” content=”培养优秀的IT人才”>
iii. 实现的方式仍为:“名称/值”对的形式,其中keywords表示搜索关键字,description表示网站内容的具体描述,通过提供搜索关键字和内容描述信息,方便搜索引擎的搜索
e) 标签里有个属性lang=”en”,它的意思是表示本页面是英文的,某些浏览器会提示是否翻译。
5. 标题标签:<h1>~<h6>,<h1>号最大,<h6>号最小
6. 段落标签,换行标签,水平线标签,字体样式标签,注释:
a) <p>……</p>表示一段文字等内容,一个段落可以包括多行文字,文字内容将随浏览器窗口大小自动换行。
b) <br/>表示强制换行显示,该标签比较特殊,没有结束标签,直接使用<br/>表示标签的开始和结束
c) <hr/>表示一条水平线,该标签和
标签一样,比较特殊,没有结束标签
d) <strong>……</strong>标签可以让字体变粗
e) <em>……</em>标签可以让字体倾斜
f) 注释语法:<!–注释内容–>,添加注释,方便阅读和维护
7. 特殊符号对应的HTML代码被称为字符实体:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/074b4b033d82a05f3390a2fd494ad2e7.png)
8. 常用的图像格式:
a) JPG格式
b) GIF格式
c) BMP格式
d) PNG格式
9. 图像标签的基本语法如下:
a)
10. 超链接标签的基本用法及包含两部分:
a) 一是链接地址,即链接的目标,可以是某个网站或文件的路径,对应为<a>标签的href属性。
b) 二是链接文本图像,单击该文本或图像,将跳转到href属性指定的链接地址
11. 语法:<a href=”链接地址” target=”目标窗口位置”>链接文本或图像
a) Href:表示链接地址的路径
b) Target:指定链接在那个窗口打开,常用的取值有_self(自身窗口),_blank(新建窗口)
12. 链接地址又分为绝对路径和相对路径:
a) 绝对路径:指向目标地址的完整描述,一般指向本站点外的文件
b) 相对路径:相对于当前页面的路径,一般指向本站内的文件
c) 站内使用相对路径时常用到的两个特殊符号:“…/“表示当前目录的上级目录,”…/…/“表示当前目录的上上级目录
d) 当超链接href链接路径为“#“时,表示空连接。
13. 超链接的应用场合:
a) 页面间链接:A页到B页,最常用,用于网站导航
b) 锚链接:A页甲位置到A页乙位置或A页甲位置到B页乙位置
c) 功能性链接:在页面中调用其他程序功能,如电子邮件,QQ,MSN等