HTML入门笔记

《HTML入门笔记1》

    • 1、HTML的发明者
    • 2、HTML起手式
    • 3、常用的章节标签
    • 4、常用的内容标签
    • 5、全局属性

1、HTML的发明者

HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。通过发明HTML,他为我们今天所认识的万维网奠定了基础它的最大特点就是支持超链接,点击链接就可以跳转到其他网页,从而构成了整个互联网。

2、HTML起手式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html笔记</title>
</head>
<body>
    hello world!
</body>
</html>

3、常用的章节标签

标签名 含义 标题 含义
h1~6 标题 div 分块
section 章节 aside 旁支
article 文章 main 主体
header 头部 footer 尾部

4、常用的内容标签

  • ol + li :无序列表
  • ul + li:有序列表
  • dl +dt +dd :详细列表
    • dl: 一组术语的列表(description list)
    • dt: 术语名(description term)
    • dd:术语解释(description detail)
  • pre :保留原来的格式(preformatted),浏览器会保留该标签内部原始的换行和空格,并且默认以等宽字体显示标签内容。
  • code :表示标签内容是计算机代码,浏览器默认以等宽字体显示。
    注意:code 标签本身仅代表一行代码,如果想要多行代码,通常与 pre 标签连用。
  • hr : 水平分割线(自闭合标签),浏览器默认渲染为一条水平线
  • br : 换行(自闭合标签)
  • strong : 表示内容本身的重要性, 浏览器默认渲染样式为(默认加粗
  • em :表示语气的强调(emphasize),浏览器的默认渲染样式是斜体
  • quote :引用(行内元素)
  • blockquote :引用(块级元素)

5、全局属性

  • class:类标签
  • contenteditable : 网页元素可编辑
  • hidden:隐藏标签
  • id:唯一,但是使用两次不会报错,谨慎使用
  • tabindex:用tab键选择页面元素,值为1表示第一个访问,值为0表示最后一个访问,值为-1表示不访问
  • title:移上鼠标显示完整内容

你可能感兴趣的:(HTML,html)