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
回复 编辑

热门主题

CSS知识小记
零基础转行社招面试总结——坐标深圳，历时两周
☆☆☆精选博客
《JS 函数的执行时机》
《CSS 知识总结》