HTML入门笔记

135 阅读2分钟

1. HTML 是谁发明的?


HTML的英文全称是 Hypertext Marked Language,即超文本标记语言。

由Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立。

2. HTML 起手应该写什么?


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Document</title>
</head>
<body>
</body> 
</html>

3. 常用的表章节的标签有哪些,分别是什么意思?


  • h1-h6:表示文章标题,一共有6个层级

  • section:表示一个章节

  • article:表示页面里面一段完整的内容

  • p:表示一个段落

  • header:表示网页、文章或章节的头部

  • footer:表示网页、文章或章节的尾部

  • main:表示页面的主要内容

  • aside:表示旁支内容,可以用来放置与网页或文章主要内容间接相关的部分

  • div:表示划分

4. 全局属性有哪些?


  • class:用来对网页元素进行分类

  • contenteditable:允许用户编辑内容

  • hidden:用户看不见的内容

  • id:元素在网页内的唯一标识符,不到万不得已不要用id,因为id不报错

  • style:用来指定当前元素的 CSS 样式

  • tabindex:表示用户按下 Tab 键的时候,网页焦点转移的顺序。正整数表示按照从小到大的顺序访问,0表示最后访问,-1表示不要访问。

  • title:鼠标浮到省略的内容上去,会显示完整的内容

5. 常用的内容标签有哪些,分别是什么意思?


  • a:a标签,一般是用来超链接的

  • strong:表示重要,浏览器会以粗体显示内容。em是表示语气的强调,strong是表示本质的强调

  • em:表示强调,浏览器会以斜体显示内容,可以用style修改样式

  • code:code里面是内联的等宽字体。如果想把code里面的空格回车保留下来,需要用pre包裹住code

  • pre:html语法无论有多少空格,只显示一个空格。要想多显示,用pre包起来