HTML标签

HTML历史

1990年左右，Tim Berners-Lee发明了WWW，同时发明了HTML、HTTP和URL

英文	翻译	英文	翻译
heading	标题	order	顺序、秩序
body	正文	ordered	有顺序的
paragraph	段落	unordered	无顺序的
section	章、节	description	描述
article	一篇文章	term	术语
main	主要	data	数据
aside	旁边的	quote	引用
anchor	锚、定点	block	块
strong	重要	inline	行内、【计】内联
emphasis	强调、重读	break	打断

HTML起手式

<!DOCTYPE html>//文档类型
<html lang="zh-CN">//html标签
<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">//告诉IE使用最新内核
    <title>Title</title>//标题
</head>
<body>
</body>
</html>

章节标签

表示文章/书的层级

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

全局属性

所有标签都有的属性

属性	作用
class	用来加样式
contenteditable	使任何一个元素可以被编辑
hidden	隐藏
id	用法与class一样，不到万不得已不要用id，因为它不报错
style	样式（JS>HTML>CSS）
tabindex	控制TAB顺序，值为0最后一个访问，值为-1不会被访问
title	用来显示完整内容

默认样式

为什么有默认样式？

因为HTML被发明的时候，CSS还没出生

怎么看默认样式？

Chrome开发者工具 -> Elements -> Styles -> user agent stylesheet

User Agent

就是浏览器

CSS reset

把默认的样式替换掉

默认样式已经不符合我们的需求

内容标签

ol + li

ordered list：有序列表

list item：列表里的项目

ul + li

unordered list：无序列表

dl + dt + dd

description list：描述列表

description term：被描述的对象

description data（不确定）：描述的内容

pre

HTML默认多个连续的空白等效于一个空格

想保留空格、回车、tab就用pre括起来

code

里面写代码

字体是等宽的，方便对齐

hr

水平分割线

br

break：回车

a

链接

em

emphasis：强调

strong

表示重点

quote

内联的引用

blockquote

块级的引用

HTML入门笔记1

HTML标签

HTML历史

相关单词

HTML起手式

章节标签

全局属性

默认样式

内容标签