前端菜鸟打怪路:【HTML】常用标签(二)

153 阅读2分钟

【HTML】常用标签

英语小课堂

HTML的发明者

  • HTML的发明者Tim Berners-lee ,发明了www,HTTp,URL.
  • Tim Berners-lee 写了第一个浏览器,服务器,用自己写的浏览器访问了自己的服务器

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>Document</title>
</head>
<body>
</body>
</html>

HTML常用的表章节的标签

  • h1~h6|
    表示不同级别的标题。

  • section
    表示章节,并且在章节里面可以不断添加section标签,达到自身分类

  • article
    表示文章

  • p
    表示段落

  • header
    表示头部

  • footer
    表示脚部

  • main
    表示主要内容

  • aside
    表示旁支内容

  • div
    表示块级元素,划分

HTML全局属性

  • class
    表示对元素网页进行分类

  • contenteditable
    表示元素是否可被用户编辑

  • hidden
    表示用来设置隐藏一个元素。

  • id
    表示为一个元素指定一个唯一标识。

  • style
    元素的行内样式

  • tabindex
    Tab键控制次序

  • title
    元素的额外信息

常用的内容标签

  • olli
    表示有序列表.

  • ulli
    表示无序列表。

  • dldtdd
    表示一组术语的列表。

  • pre
    表示空格和文字都会显示出来。

  • hr
    表示分割线

  • br
    表示换行

  • a
    显示访问链接。

  • em
    表示强调。

  • strong
    表示强调内容的重要性,浏览器会加粗。

  • code
    表示标签内容是计算机代码。

  • q
    表示行内引用他人的话,但不会表现出换行。

  • blockquote
    表示块级元素引用他人的话。

HTML排错方式

  1. 看VScode,webStorm颜色提示
  2. 看HTML5验证器官网进行验证

资料引用:
饥人谷方方老师
本文参考了饥人谷内部课程