HTML基础

（本文是在学习尚硅谷网课后整理的笔记，希望对大家有帮助）

HTML 超文本标记语言

• • • 软件的架构
    • 结构、表现与行为
    • HTML(Hypertext Markup Language)超文本标记语言
    • • 1、注释：
      • 2、文档声明
      • 3、常见的字符集
      • 4、meta标签
      • 5、html代码模板
      • 6、常用标签
      • 7、实体：转义字符串
      • 8、图片标签
      • 9、xHtml语法规范
      • 10、内联框架
      • 11、超链接

软件的架构

结构、表现与行为

结构：HTML描述页面结构
表现：CSS控制页面中元素样式
行为：JavaScript响应用户操作

HTML(Hypertext Markup Language)超文本标记语言

1、注释：

2、文档声明

3、常见的字符集

（1）ASCⅡ
（2）ISO-8859-1
（3）GBK
（4）GB2312
（5）UTF-8（万国码）

4、meta标签

（1）设置网页的字符集

（2）ANSI：自动以系统的默认编码来保存文件

（3）设置网页的关键字

（4）设置网页的简介

（5）请求重定向

5、html代码模板

6、常用标签

（1）标题标签：h1~h6
六级标题中，h1最重要，会影响到页面在搜索引擎中的排名，页面只能写一个h1，一般只使用h1~h3

（2）段落标签

①HTML中，字符之间再多空格和空行，浏览器都只会当作一个空格
②使用换行，生成水平线（分割线）

7、实体：转义字符串

浏览器解析到实体时，会自动将实体转换为对应字符
（1）’ （2）’>’：
（3）空格：
（4）版权符号：
更多请参考W3CSchool手册

8、图片标签

（1）src：设置图片路径

（2）alt：
用于设置在图片不能显示时对图片的描述，搜索引擎可通过该属性来识别不同的图片。若不写该属性，则搜索引擎不会对该图片进行搜索

（3）width、height：
当宽、高只设置了一个，该图片会等比例调整大小；同时设置则为指定大小。一般开发中除了自适应页面，不建议设置这两个值

（4）图片格式：
①JPEG（JPG）：保存颜色丰富的图片，可压缩
②GIF：支持颜色少、动态图、颜色单一的图片
③PNG：支持颜色复杂的透明的图片

9、xHtml语法规范

（1）HTML中不区分大小写，一般使用小写
（2）HTML中的注释不能嵌套
（3）HTML标签必须结构完整，要么成对出现，要么自结束标签
（4）HTML标签可以嵌套，但不可交叉嵌套
（5）HTML标签中的属性必须有值，且值要加引号

10、内联框架

11、超链接

（1）href：指向链接跳转的目标地址
①：表示自动跳转到当前页面的顶部
②：表示点击超链接后会跳转到该id值元素所在位置
③：默认打开计算机的电子邮件客户端，收件人为邮件地址

（2）target：
①：表示在当前页面打开新链接
②：在新的窗口中打开新链接
③可设置为iframe框架的name属性值，链接将会在指定的内联框架中打开

来源：橘猫九只胖