HTML入门笔记1

162 阅读2分钟

HTML发明者

HTML诞生于1990年左右,发明者为Tim Berners-Lee。2014年,被英女皇颁发大英帝国爵级司令勋章,2017年,被颁发图灵奖。 他做了以下工作:

  • 自己写了第一个浏览器
  • 自己写了一个服务器
  • 用自己写的浏览器访问了自己写的服务器
  • 发明了WWW,同时发明了HTML、HTTP和URL

HTML起手式

前端工作者都会使用Emmet语法来编写代码,它是一种缩写方法,用来提高html和css的编写速度。 那么在用编辑器新建一个html文件之后,起手就会使用Emmet感叹号,结果如下:

image.png

HTML常用的表章节标签

  • 标题 h1~h6
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div

这里可以多说一下,HTML标签发展到现在,人们更加希望用合适的标签来表示对应的内容,这也是html的语义化。 这种做法可以让整个页面结构化,维护起来更加方便,也便于浏览器和搜索引擎的解析。

全局属性

全局属性是所有HTML元素都能使用的属性:

属性描述备注
class规定元素的一个或多个类名(引用样式表中的类)。
contenteditable规定元素内容是否可编辑
hidden规定元素仍未或不再相关(隐藏元素)
id规定元素的唯一 id可能与内置的属性名冲突产生bug,不到万不得已,不要使用id
style规定元素的行内 CSS 样式
tabindex规定元素的 tab 键次序正数顺序访问,0最后访问,-1不访问
title规定有关元素的额外信息一般与form和a标签配合使用,补充信息

这里展示一部分,全部的全局属性用法,可以浏览 W3C全局属性介绍

常用的内容标签

属性描述备注
strong强调内容本身重要,通常加粗表示强调程度比em高
em强调语气,通常斜体表示强调程度比strong弱
code表示一段代码默认等宽
ol有序列表搭配li使用
ul无需列表搭配li使用
dl+dt+dddl表示定义列表,dt表示列表项目,dd表示描述列表项目内容
pre保留文本中的空格和回车键
hr添加水平分格线
br换行
a用来超链接
quote用于简短的行内引用内容较短
blockquote用于块的引用内容较长