HTML入门笔记1HTML是由万维网发明者蒂姆·伯纳斯·李爵士和同事在1990年创造的。李爵士在2016年获得图灵奖。

HTML的发明

HTML是由万维网发明者蒂姆·伯纳斯·李爵士和同事在1990年创造的。李爵士在2016年获得图灵奖。

HTML起手式

<!-- 声明文档类型为html -->
<!DOCTYPE html>
<!-- 起手式默认lang值为en。但对于中文页面，lang值设为en会影响浏览器速度 -->
<html lang="zh-CN">
<head>
    <!-- utf-8能够支持目前人类全部字符和语言，所以页面一般统一使用utf-8 -->
    <meta charset="UTF-8">
    <!-- 如果当前页面要在ie中显示，则将ie内核设置为最新版 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 防止页面缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
</head>
<body>
    
</body>
</html>

常用表示章节的标签

<h1>-<h6> 标题

<section> 章节标签,表示文本中独立的章节，一般包含<h>、 <p>标签

<article> 文章标签，一般是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。

<p> 段落标签

<header> 展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。例如，广告

<main> 包含的部分与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

<aside> 表示一个和其余页面内容几乎无关的部分。例如，侧边栏、标注框、参考资料

<div> 文档划分元素

全局属性

class 给元素分类。类选择器[class=class_value]{} 、.{}。文档中class可以有多个。

contenteditable 值为ture时，用户可以在浏览器上对元素内容进行编辑。例如做网页编辑器

hidden 使元素不可见。表示元素内容目前不重要但将来重要、以前需要但现在不需要

id 表示全局唯一元素。浏览器对id的唯一性要求并不严格，尽量少用

style 元素内联样式属性。在css层级样式中拥有最高优先级。内联外部和内部优先级？

tabindex tab 设置tab键跳转顺序。设置值>0时，按由大到小顺序跳转；设置值=0时，最后跳转至该元素；设置值=-1时，不能用tab键跳转至该元素。

title 对元素中长文字显示完整的提示内容。

常用内容标签

<ol>+<li> ordered list+list item 有序列表

<ul>+<li> unordered list+list item 无序列表

<dl>+<dt>+<dd> descriptin list + term +data 描述列表

<pre> preformatted 按原文排版展示。原文中有空格、回车、tab的地方都会展示出来

<code> 代码标签，一般和<pre>配合使用

<hr> horizontal rule 水平分割线

<br> line break 换行

<a> anchor 超链接

<em> emphasis 着重阅读（加强语气）

<strong> strong importance 强调文本内容十分重要

<quote> 行内引用

<blockquote> 块级引用