《HTML入门笔记1》

189 阅读3分钟

1. HTML 是谁发明的

HTML是1990年由一位物理学家蒂姆·伯纳斯-李发明的。

2. HTML 起手应该写什么

HTML的起手应该做文档类型声明,所以应该是写<!DOCTYPE html>

<!DOCTYPE html>
<html lang="zh-CN"> <!--lang 一般为en,"zh-CN"表示为是中国汉字 -->
<head>
   <meta charset="UTF-8"> <!-- 表示声明字符编码格式为"UTF-8"-->
   <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--表示禁用缩放,是为了兼容手机 -->
   <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!--是为了告诉IE使用最新的内核 -->
   <title>Document</title>
</head>
<body>
</body>
</html>

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

章节标签表示的是章节的层级,其中包括:

  • 表示标题的标签 h1~h6,字体由大到小递减
  • 表示章节的标签section
  • 表示文章的标签article
  • 表示段落的标签p
  • 表示头部的标签header,其中header标签唯一
  • 表示脚部的标签footer,其中footer标签唯一
  • 表示主要内容的标签main
  • 表示旁支内容的标签aside
  • 划分区域的标签div

4.全局属性有哪些

  1. class
  2. contenteditable 可以让用户可以直接编辑标签内的内容
  3. hidden 隐藏带有其属性的标签内容或样式
  4. id,备注:id并不具有唯一性,可以使用class,就不要使用id
  5. style,这是内联样式,其优先级大于CSS中的样式,但是小于JS中的样式修改
  6. tabindex,表示打开网页用户的tab指向的位置,从1往后排列,表示用户点击tab次数,其中0表示点击tab最后一次到达的位置,-1表示不会到达的位置
  7. title,表示用户的光标停在段落隐藏的位置而显示其隐藏的内容。

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

  • ol+li表示有序列表,在浏览器中默认以1,2,3...排序
   <ol>
        <li>coffee</li>
        <li>milk</li>
    </ol>
  • ul + li表示无需列表,在浏览器中默认以·排序
<ul>
   <li>coffee</li>
   <li>milk</li>
</ul>
  • dl+dt+dd是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表),其中dt表示要描述的术语,dd表示表述的内容
<dl>
 <dt>Firefox</dt>
 <dd>A free, open source, cross-platform, graphical web browser
     developed by the Mozilla Corporation and hundreds of volunteers.
 </dd>
</dl
  • pre,是 preview的缩写,表示预定义格式文本,是指该元素内的内容会按照原文件的排版显示,文本中的空白符(包括空格和换行)也会全部显示
  • hr表示画出一条分割线
  • brbreak的缩写表示换行
  • aanchor的缩写表示这是一条超链接
  • ememphasis的缩写,表示强调,在浏览器中默认是斜体,表示强调的语气
  • strong表示强调的是内容,在浏览器中默认是加粗
  • code表示让标签中的内容等宽
  • qquote的缩写,表示引用文本,默认是行内,一般引用短句,若想换行或引用长句改用blockquote
  • blockquote