万维网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) / 内容本身的强调
网友评论