HTML入门笔记1
回复数(0) 浏览数(23)
{{topic.upvote_count || 0}} 编辑 回复

title: "HTML门笔记"
date: 2019-09-10T01:30:21+08:00

draft: false

HTML 是谁发明的

蒂姆·伯纳斯-李(Tim Berners-Lee)

HTML 起手应该写什么

输入!+Tab,就跳出

1.png
1.png

常用的表章节的标签有哪些,分别是什么意思(h1~h6、section、article、main、aside 等等)

  • 标题 h1~h6:定义标题(通常使用粗体显示。注意:单个页面内最好只使用 1 个 H1 标签)
  • 章节 section:定义文档中的节
  • 文章 article:定义文章
  • 段落 p
  • 头部 header:定义 section 或页面的头部
  • 脚部 footer:定义 section 或页面的尾部
  • 主要内容 main
  • 旁支内容 aside:定义文档内容相关的内容
  • 划分 div:定义文档中的节(块元素,无任何属性)

全局属性有哪些

  1. class:对网页元素进行分类

5.png
5.png

  1. contenteditable:使输出框可编辑,做一个编辑器

3.png
3.png

  1. hidden:快速让内容看不见
  2. id:忌讳:跟的英文避免使用 win 的全局属性不一样
  3. style:每一个元素可以写 style 属性,style 优先会比 css 高,但是会被 javascript 覆盖

6.png
6.png

  1. tabindex:根据编码顺序,让 Tap 按照顺序下来,谨记:为 0 的时候,顺序为最后一个;为负数,tap 永远无法访问
  2. title:为元素添加附加说明

4.png
4.png

常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)

  • div 标签用于组合其他 HTML 元素,本身无实在意义。常用于页面的布局,比如一个展开式的广告页面框架大致

2.png
2.png

  • a 标签 用户点击后,浏览器会跳转到指定的网址;放置文字,也可以放置其他元素,比如段落、图像、多媒体等等,
    使用时需要注意阻止掉标签的默认事件。

7.png
7.png

  • strong 标签一个行内元素,表示它包含的内容具有很强的重要性,需要引起注意。浏览器会以粗体显示内容

8.png
8.png

  • em 标签一个行内标签,表示强调(emphasize),浏览器会以斜体显示它包含的内容

9.png
9.png

  • code 标签是一个行内元素,表示标签内容是计算机代码,浏览器默认会以等宽字体显示

10.png
10.png

  • pre 标签一个块级元素,表示保留原来的格式(preformatted),即浏览器会保留该标签内部原始的换行和空格。浏览器默认以等宽字体显示标签内容

11.png
11.png

原文引用来自于网道 / WangDoc.com

{{topic.upvote_count || 0}}

title: "HTML门笔记"
date: 2019-09-10T01:30:21+08:00

draft: false

HTML 是谁发明的

蒂姆·伯纳斯-李(Tim Berners-Lee)

HTML 起手应该写什么

输入!+Tab,就跳出

1.png
1.png

常用的表章节的标签有哪些,分别是什么意思(h1~h6、section、article、main、aside 等等)

  • 标题 h1~h6:定义标题(通常使用粗体显示。注意:单个页面内最好只使用 1 个 H1 标签)
  • 章节 section:定义文档中的节
  • 文章 article:定义文章
  • 段落 p
  • 头部 header:定义 section 或页面的头部
  • 脚部 footer:定义 section 或页面的尾部
  • 主要内容 main
  • 旁支内容 aside:定义文档内容相关的内容
  • 划分 div:定义文档中的节(块元素,无任何属性)

全局属性有哪些

  1. class:对网页元素进行分类

5.png
5.png

  1. contenteditable:使输出框可编辑,做一个编辑器

3.png
3.png

  1. hidden:快速让内容看不见
  2. id:忌讳:跟的英文避免使用 win 的全局属性不一样
  3. style:每一个元素可以写 style 属性,style 优先会比 css 高,但是会被 javascript 覆盖

6.png
6.png

  1. tabindex:根据编码顺序,让 Tap 按照顺序下来,谨记:为 0 的时候,顺序为最后一个;为负数,tap 永远无法访问
  2. title:为元素添加附加说明

4.png
4.png

常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)

  • div 标签用于组合其他 HTML 元素,本身无实在意义。常用于页面的布局,比如一个展开式的广告页面框架大致

2.png
2.png

  • a 标签 用户点击后,浏览器会跳转到指定的网址;放置文字,也可以放置其他元素,比如段落、图像、多媒体等等,
    使用时需要注意阻止掉标签的默认事件。

7.png
7.png

  • strong 标签一个行内元素,表示它包含的内容具有很强的重要性,需要引起注意。浏览器会以粗体显示内容

8.png
8.png

  • em 标签一个行内标签,表示强调(emphasize),浏览器会以斜体显示它包含的内容

9.png
9.png

  • code 标签是一个行内元素,表示标签内容是计算机代码,浏览器默认会以等宽字体显示

10.png
10.png

  • pre 标签一个块级元素,表示保留原来的格式(preformatted),即浏览器会保留该标签内部原始的换行和空格。浏览器默认以等宽字体显示标签内容

11.png
11.png

原文引用来自于网道 / WangDoc.com

23
回复 编辑