一、HTML概述
HTML(HyperText Markup Language——超文本标记语言),是由发明了www(万维网)、url和http的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">
<title>Document</title>
</head>
<body>
</body>
</html>
三、常用的表章节的标签
- header 头部
- h1-h6 标题
- section 章节
- article 文章
- main 主要内容区
- aside 侧边栏|标注框
- footer 页脚
- p 段落
四、全局属性(所有标签都有)
- class 类名
- contenteditable 可直接编辑页面内容
- hidden 隐藏内容
- id id名,唯一值,尽量少写id
- style 样式书写
可将style移动到body中,将display设置为block,可将样式显示到页面上,在style加上contenteditable,在线编辑样式可直接改变页面效果
示例 - tabindex 控制tab选中的顺序 可以是正数 不必连续,0表示最后访问,-1表示不可访问
- title 显示完整内容
五、内容标签
- ol+li 无序列表
- ul+li 有序列表
- dl+dt+dd dt:被描述的对象 dd:描述内容
- pre 保留所有空格
- code 使字体等宽(默认使行内元素),常使用pre包裹code生成代码段
- br 换行
- hr 下划线
- a 超链接(默认从当前页面打开链接的网页,加上target="_blank"后,从新窗口打开)
- em 表语气强调(默认为斜体字体效果)
- strong 表内容的重要性(默认为加粗字体效果)
- quote 表行内引用
- blockquote 表块级引用