认识HTML

HTML，英文全称HyperText Markup Language，直译超文本标记语言。HTML的发明者是Tim Berners-Lee 。

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
<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">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

它是网页的骨架，反映整个页面的结构。Web工程师们用它来构建丰富多彩的网页界面。

章节标签

  • 标题 h1~h6
  • 章节 sectioon
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div

内容标签

  • 有序列表 ol + li
  • 无序列表 ul + li
  • 自定义列表 dl + dt + dd
  • 预格式化文本 pre
  • 分隔 hr
  • 换行 br
  • 超链接 a
  • 强调（句子中的强调，页面表现一般为斜体） em
  • 强调（页面强调, 页面表现一般为加粗）strong
  • 代码段 code
  • 引用 quote
  • 块引用 blockquote

全局属性

所有标签都拥有的属性.

  • id
  • class
  • style
  • title
  • tabindex
  • hidden
  • contenteditable

默认样式

  • UserAgent
    一般指代用户使用的浏览器

  • CSS Reset
    为什么？不同浏览器有不同的默认样式, CSS Reset可以去除浏览器自带的默认样式。

  • CSS Normalize.css

语义化

不同标签包含不同的语义，学习时要注意其使用场景。
具体语义参见W3C文档

  • b
  • stong
  • i
  • em
    …

相关学习网站

HTML Dog
w3schools
MDN HTML page

HTML
#HTML
认识HTML
http://example.com/2023/01/08/认识HTML/
作者
Ray
发布于
2023年1月8日
许可协议