HTML入门笔记1

101 阅读1分钟

本文用于html笔记自用


HTML 是由 Tim Berners-Lee发明的,它是一种超文本标记语言。
我们在代码起手时应该写

<!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>

在vscode中,可以借助“!+Tab”完成,head标签中的代码不会再页面中显示,所以style样式通常会放在这个标签里。


常用的表章节的标签:

  • 章节:section
  • 文章:article
  • 段落:p
  • 头部:header
  • 脚部:footer
  • 主要内容:main
  • 旁支内容:aside
  • 划分:div

全局属性:
  1. class
  2. contenteditable
  3. hidden
  4. id
  5. style
  6. tabindex

contenteditable:可编辑,可用来制作自己的编辑器
tabindex:用于平替鼠标的点击操作,type值等于“0”时,按下Tab键会选中最后一个,type值等于“-1”时,则不会选中那一个模块。

Tips:

id和class的用法大同小异,相当于给标签赋名,再在样式中引用,但由于id是唯一的,当其重复时,程序不会提示错误,并且两者都会应用同一个样式。所以建议多用class属性,方便排查错误。

常用的内容标签:
  • 有序列的列表: ol + li
  • 无序列的列表: ul + li
  • 有描述的列表: dl + dt + dd
  • 保留字符中的空格和回车:pre
  • 字体等宽:code
  • 水平分割线:hr
  • 换行:br
  • 超链接:a
  • 表示语气的强调,默认倾斜:em
  • 表示本质的强调,默认加粗:strong
  • 表示引用,不会换行:quote
  • 表示引用,但是可以换行:blockquote