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

draft: false

HTML 是谁发明的

蒂姆·伯纳斯-李（Tim Berners-Lee）

HTML 起手应该写什么

输入!+Tab,就跳出

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

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

3.png

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

6.png

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

4.png

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

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

2.png

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

7.png

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

8.png

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

9.png

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

10.png

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

11.png

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