万维网WWW的发明
WWW=URL+HTTP+HTML 1990年 WWW之父:Sir Timothy John Berners-Lee 蒂莫西·约翰·伯纳斯-李爵士(W3C主席) HTML:HyperText Markup Language 超文本标记语言 W3C:World Wide Web Consortium 万维网联盟 1994年
学习方法
语法→调试→查资料→标准制定者
CRM学习法: copy run modify
三上: 马(车)上 枕上 厕上
查阅资料: xxx MDN
收藏链接: 网道HTML教程(建议移动端收藏以便“三上”)
HTML起手式
<!DOCTYPE html>
在高级的编辑器或IDE里(如VS Code/PyCharm/WebStorm),可以自定义html模板,输入感叹号!+tab即可自动生成预定义的代码片段。
常用的章节标签
标签名 | 描 述 | 备 注 |
---|---|---|
h1~h6 | 标题 | 标题元素实现了六层文档标题,h1是最大的标题,h6是最小的标题。 |
section | 章节 | 定义文档中的一个章节。 |
article | 文章 | 定义可以独立于内容其余部分的完整独立内容块。 |
p | 段落 | paragraph 定义一个段落 |
header | 头部 | 定义页面或章节的头部,常用来包含 logo、页面标题和导航栏。 |
footer | 脚部 | 定义页面或章节的尾部,常用来包含版权信息、使用条款和反馈建议等链接。 |
main | 主要内容 | 定义文档中主要或重要的内容。 |
aside | 次要内容 | 定义和页面内容关联度较低的内容。常显示在页面的左侧或右侧。 |
div | 划分 | 代表一个通用的容器,没有特殊含义。 |
常用全局属性
全局属性: 所有标签都有的属性
class
定义元素的类名 .xxx
contenteditable
定义元素的内容是否可编辑
hidden
隐藏元素
id
定义元素的唯一id,尽量少用,能用class就不用id #xxx
style
定义元素的行内样式,比css样式的优先级高,但可被css样式覆盖。
tabindex
定义元素被tab键选中的次序。(0为最后一个,-1为不可选中的的元素)
title
定义关于元素的额外信息。 鼠标移到元素上时显示一段提示文本。
内容标签
- ol + li 有序列表 ordered list + list item
- ul + li 无序列表 unordered list + list item
- dl + dt + dd dl 字典列表(dictionary list) dt 字典标题(dictionary title) dd 字典数据(dictionary data)
- pre 按预定格式显示的文本(Preformatted),可规避空白折叠现象,常用来写代码片段,可搭配code使用。
- code 代码 字体格式为等宽
- hr 横线(horizontal)
- br 换行(break)
- quote 引用,默认内联,不换行。
- blockquote 引用块,默认换行。
- em 强调(emphasize) / 语气的强调
- strong 重点强调(strong emphasized) / 内容本身的强调