HTML学习笔记1

144 阅读1分钟

HTML学习笔记1

1. html发明者

Tim Berners-lee

2. html起手式

<!DOCTYPE html>   声明文档类型是html
<html lang="en"> lang是语言类型,声明网页默认使用的语言,en是英文,zh-CN为中文,是否翻译页面就需要用到它
<head>
    <meta charset="UTF-8"> 页面的字符编码是UTF-8
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 告诉IE使用最新内核
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 视区宽度为设备屏幕宽度,web页面默认的初始缩放比例为1,就是默认未经缩放
    <title>Document</title> 页面标题
</head>
<body>
    
</body>
</html>

3. 常用的章节标签

表示文章/书的层级
标题 h1~h6
章节 section
文章 article
段落 p
头部 header
脚部 footer
主要内容 main
旁支内容 aside
划分 div

4. 全局属性

标签都有的属性
class 
contenteditable 内容可编辑(与style显示配合可在页面上更改样式)
hidden
id
style 内联样式
tabindex tab键选中 值为正数从小到大顺序表示选中顺序,为0的标签为最后一个选中,负数则不可被选中
title 鼠标悬浮在标签上方显示

5. 常用的内容标签

ol + li 有序列表
ul + li 无序列表 (注意ol ul里只能有lidl + dt + dd 表格
pre 呈现代码中的格式,而不是页面渲染出的格式(代码中连续的空格以及换行都视为一个空格)
hr 分割线
br 换行
a 超链接
em 斜体
strong 粗体
code 代码内容
q quote缩写,引用
blockquote 单独占一行的quote