HTML的简单了解

HTML的简单了解

---

存在意义:

1. HTML不是一种编程语言，而是一种标记语言
2. HTML使用标记标签来描述网页

• HTML的标签

  1. HTML标签是由尖括号包围的关键词，比如《html》 (此处使用书名号代替，由于markdown会自动识别HTML标记)
  2. HTML标签经常成对出现,比如《b》和《/b》，其中第一个标签是开始标签(开放标签)，第二个标签是结束标签(闭合标签)

• HTML的基本结构

  1. 文档类型 <!DOCTYPE>声明
  2. html文档 《html》…《/html》
  3. 头部信息 《head》…《/head》如果不需要可以忽略**（此部分内容无法在网页观察）**
  4. 正文,网页上可见 《body》…《/body》
     9个基础标签:

标签	功能描述
《!DOCTYPE》	定义文档类型
《html》	定义HTML文档
《title》	定义文档的标题
《body》	定义文档的主题
《h1》to《h6》	定义HTML标题
《p》	定义段落
《br》	定义简单的折行
《hr》	定义水平线
《!…_ 》	定义注释

• HTML的分组标识分块功能(架构)

  1. 《div》元素:定义文档中的分区或节 块元素(使得信息一块一块)
  2. 《span》元素:组合文档中的行内元素。 内联元素(主要对应文本)

• HTML注释

  1. 注释标签《!–与--》用于在HTML插入注释

• 头部元素主要信息

  1. **《title》**标签定义文档的标题，且在所有HTML/XHTML文档中都是必须的
     作用:
     • 定义浏览器工具栏中的标题
     • 提供页面被添加到收藏夹中显示的标题
     • 显示在搜索引擎结果中的页面标题
  2. 《base》标签为页面上的所有连链接规定默认地址或默认目标(target) #使用的比较少
  3. 《link》标签定义文档与外部资源之间的关系，常常用于链接样式表CSS
  4. 《style》标签用于为HTML文档定义样式信息。
     样式分为CSS(用《link》链接)，还有《style》，简单的样式用后者，前者一般用来封装一些更加个性化的样式

• HTML《meta》元素

  1. 《meta》标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
  2. 一般元数据的内容是关于例如网站作者名字等相关信息内容

• HTML《script》元素

  1. 是用来实现一些功能的，有关调用Javascript

• 区别元素与属性

  1. 元素:HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码
  2. 属性:HTML标签可以拥有属性，属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如:name=“value” 属性总是在HTML元素的开始标签中规定(一定在<>内)

开始标签	元素内容	结束标签
《p》	This is a paragraph	《/p》
《a herf=“default.htm”》	This is a link	《/a》

• HTML CSS 外部样式

  • 使用《link》标签调用

• HTML CSS 内部样式

  • 标签中属性含有/css

• HTML CSS 内联样式

  • 相关标签中使用样式属性。样式属性可以包含任何CSS属性