HTML入门笔记1

346 阅读2分钟

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