首先来看看HTML是如何悲发明的
HTML于1990年左右诞生,由有着HTML之父之称的Tim Berners-Lee发明,我们称他为李爵士。据说是李爵士自己写了第一个浏览器和第一个服务器,然后又用自己写的浏览器访问了自己写的服务器,更是紧接着发明了WWW,HTML,HTTP,URL等技术。
HTML 起手应该写什么
下面就是我们通常说的HTML起手式了
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head>
注:如果页面需要兼容移动端就需要将meta标签改写为下面这样
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
HTML常用的表章节的标签有哪些呢以及它们的意思:
- 标题(一到六级):h1~h6
- 章节:section
- 文章:article
- 段落:p
- 头部:header
- 脚部:footer
- 主要内容:main
- 旁支内容:aside
- 区块:diV
HTML常用的内容标签有哪些,分别是什么意思:
ol+li(ordered list+list item),表示有顺序的列表+列表中的每一项,ol 里面不能含有除了 li 之外的子元素。
ul+li(unorderde list+list item),表示无顺序的列表+列表中的每一项。
dl+dt+dd(description list+description term+description data),描述列表+被描述对象+描述的内容。
pre。pre 标签的用法:html 里,多个连续的空格或 tab、回车,会被缩成一个空格,如果你想保留空格、回车、 tab,你就用 pre 标签包裹内容。
code,等宽的意思。用 pre 包裹 code,可以在页面展示 js 代码。
hr,水平分隔线。
br(break),意思是中断这一行,让后面的内容变为第二行,用在想要换行的地方。
em,强调的意思(语气的强调),默认样式是斜体。
strong,重要的意思(本身很重要,本质的强调),默认样式是加粗。
quote,内联的引用。
blockquote,块级的引用(会换行缩进)。
HTML有哪些全局属性有:
-
id 定义唯一标识符(ID),该标识符在整个文档中必须是唯一的。 其目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素。
-
class 一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法( document.getElementsByClassName)来选择和访问特定的元素。
-
title 包含表示与其所属元素相关信息的文本,这些信息通常可以作为提示呈现给用户但不是必须的。
-
style 含要应用于元素的CSS央视声明。建议在单独的文件中定义样式。该属性和style元素主要用于快速样式化
-
class 一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法( document.getElementsByClassName)来选择和访问特定的元素。
-
tabindex 整数属性,指示元素是否可以获取输入焦点(可聚焦),是否应该参与顺序键盘导航,如果是,则表示哪个位置。它可能需要几个值: 负值表示该元素应该是可聚焦的,但不应通过顺序键盘导航到达; 0 表示元素应通过顺序键盘导航可聚焦和可到达,但其相对顺序由平台约定定义; 正值意味着元素应该可以通过顺序键盘导航进行聚焦和访问;元素聚焦的顺序是tabindex的增加值。如果多个元素共享相同的tabindex,则它们的相对顺序遵循它们在文档中的相对位置。
-
hidden 布尔属性表示该元素尚未或不再相关。例如,它可用于隐藏在登录过程完成之前无法使用的页面元素。浏览器不会呈现此类元素。不得使用此属性隐藏可合法显示的内容