HTML的发明者
HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。HTML是由Tim Berners-Lee(李爵士)于1990年创立的一种标记语言。
HTML的起手式怎么写
代码演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
图片详解
常用表示章节的标签
- h1~h6: h表示heading标题,一级至六级标题,字体大小逐级递减。
- section:section所包含内容通常含有一个标题。
- article: 用来定义独立于文档且有意义的来自外部的内容,比如:一些投稿文章、新闻记者的文章,或者是摘自其它博客、论坛的信息等。
- p: p表示paragraph段落,用于定义文档中的段落。
- header:表示头部,用来定义文档或者文档的一部分区域的页眉,一般作为介绍内容或者导航链接栏的容器。
- footer: 表示脚部/底部,用来定义文档或者文档的一部分区域的页脚,一般包含文档创作者信息,版权信息等等。
- main:表示主要部分,用来指定文档的主体内容。
- asider:定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
- div:没有具体的意义,可以用在任何地方
全局属性
- class:类属性,用于指定元素所属于的类。
- contenteditable:可编辑属性,为布尔属性。可使得标签内容在前端可直接编辑。
- hidden:隐藏,为布尔属性。可使得元素隐藏。
- id:id属性,可为标签指定id,理论上统一文档中id是唯一的,但浏览器并不会检查id是否重复。
- style:样式属性,可为标签指定样式。该属性的值遵循css的语法。
- tabindex:用于控制标签相应tab按键的顺序,值是 number 类型,tab 访问顺序从 1 开始依次往后,0 最后访问,负数不访问。
- title:用于指定悬浮在元素上方时浮窗显示的内容。
常用表示内容的标签
- ol+li:ol表示ordered list有序列表,li表示list item列表项。两者组合用以展示有序列表。
- ul+li: ul表示unordered list无序列表,li表示list item列表项。两者组合用以展示无序列表。
- dl+dt+dd:dd表示definition list自定义列表,dt表示definition term自定义列表组,dd表示definition description自定义列表描述。三者组合用以展示自定义列表。
- pre:表示preview。表示可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符,而且文本也会呈现为等宽字体。
- hr:表示horizontal rule水平线。
- br:表示break。用于在文档中添加回车换行。
- a:表示anchor锚点。定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。target属性指定打开方式。
- em:表示emphasis强调。告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
- strong:与em一样用于强调文本,但它强调的程度更强一些,由它包裹的内容呈现加粗样式。
- code:用于表示计算机源代码或者其他机器可以阅读的文本内容。包含在该标签内的文本将用等宽样式显示。
- q:表示quote引用。定义一个短的引用。浏览器经常会在这种引用的周围插入引号。
- blockquote:表示块级引用。浏览器通常会对元素进行缩进。