HTML是Tim Berners-Lee发明的用来结构化 Web 网页及其内容的标记语言

<!DOCTYPE html>
<!-- 告知浏览器文档类型 -->
<html lang="en">
<!-- html标签为根标签，lang指代网页使用的语言，中文为zh-CN -->
    <head>
        <meta charset="utf-8">
        <!-- 文件字符编码 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- 指定浏览器按照最高的标准模式解析页面 -->
        <title></title>
        <!-- 网页标题 -->
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 防止页面缩放 -->
    </head>
    <body>
    </body>
</html>

章节标签

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

内容标签

ol li 有序列表
ul li 无序列表

dl dt dd 描述列表 dt 描述的对象 dd 描述的内容

<dl>
    <dt>西瓜</dt>
    <dd>一种水果</dd>
</dl>

pre 保留空格，tab，回车等，HTML会将连续空格回车tab视为1个空格
hr 分割线
br 打断一行使其换行
a 用来超链接
em 默认斜体，语气上的强调
strong 默认粗体，内容本身重要
code 代码片段
quote 内联引用
blockquote 块级引用

标签全局属性

所有标签都有的属性

class 类名多标签可共用一个class <h1 class="title">Hi</h1>
contenteditable 内容可编辑 <h1 contenteditable>Hi</h1>
hidden 使元素隐藏<h1 hidden>Hi</h1>
id 规定一个id只可以让一个标签使用，但实现并非如此，就算有两个重复的id也不报错，尽量少用id <h1 id="title">Hi</h1>
style 指定元素样式 <h1 style="color: green;">Hi World</h1>
tabindex 指定用户用tab可以访问的元素顺序 0表示最后一个 -1表示永不到达正数按顺序访问 <h1 style="color: green;" tabindex=1>Hi World</h1>
title 鼠标放置在元素上会浮现的说明内容 <h1 title="Hi">Hi World</h1>

默认样式

HTML元素有默认样式，因为HTML发明时无CSS

h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

修改默认样式的行为称作CSS RESET，即将修改/清除样式写入reset.css中

HTML入门笔记1

章节标签

内容标签

标签全局属性

默认样式