HTML入门笔记

218 阅读3分钟

首先来看看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常用的表章节的标签有哪些呢以及它们的意思:

  1. 标题(一到六级):h1~h6
  2. 章节:section
  3. 文章:article
  4. 段落:p
  5. 头部:header
  6. 脚部:footer
  7. 主要内容:main
  8. 旁支内容:aside
  9. 区块: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 布尔属性表示该元素尚未或不再相关。例如,它可用于隐藏在登录过程完成之前无法使用的页面元素。浏览器不会呈现此类元素。不得使用此属性隐藏可合法显示的内容