HTML入门笔记1

112 阅读3分钟

HTML简介

HTML的全名为HyperText Markup Language,超文本标记语言。是一种用来创建网站,构建网页的语言。由Tim Branner—Lee于1991年发明。自1996年开始,HTML规范由W3C维护。自从2014年开始,HTML5作为W3C的推荐标准。

HTML文档的要素

  1. <!DOCTYPE html> 声明文档类型,文档所使用的语言标准为HTML5。为html文档的第一个要素,也是写html文档的起手式。在一些编辑器中,如VSCode,可用tab+!快捷输入。

  2. <html lang="zh-CN"> 声明浏览器识别此文档的语言为中国大陆简体中文。

  3. <head> 元素,<head>元素中的内容一般不显示在页面中。一般来说,包含以下声明。<meta charset="UTF-8">声明文档所采用的编码方式。<meta http-equiv=“X-UA-Compatible” content=“IE-edge”>此语句声明如果打开此页面的是IE浏览器,使用最新版本的浏览器模式。<meta name="viewport" content="width=device-width, initial-scale=1.0"> 此语句声明页面禁止自动缩放,一般用来适配移动端设备的浏览器。<title>Document</title>用于指定网页的标题,会显示在浏览器窗口的标题栏。

  4. <body>元素,其中包含的内容会显示出来。<body>中包含章节标签和内容标签。章节标签有<h1>~<h6>一到六级标题,<section>章节,<article>文章,<p>段落,<header>头部,<main>主体,<footer>脚部,<aside>侧边,分支,<div>划分,分块等 。内容标签有<ol>+<li>有序列表和包含的项,<ul>+<li>无序列表和包含的项,<dl>+<dt>+<dd>定义列表,键,值,<pre>保留格式,<code>代码,默认为内联元素,和<pre>搭配使用,<hr>分隔线,<br>换行符,<a>超链接,<em>语气的强调,文本变斜,<strong>强调重要内容,<quote>引用,<blockquote>块引用,引用多行文本,等。

标签的全局属性

全局属性为所有标签都具有的属性,包括:

  1. class,类,用来标记并识别元素,可用同一个类标记复数个元素,一个元素也可以同时被标记多个类。

  2. id,身份,理论上来说,被标记元素的id应该是独一无二的,实际上多个元素被标记为用一个id时未必能报错。

  3. hidden,让元素隐藏,不显示在页面中,只要有hidden属性,该元素即被隐藏。

  4. style,描述元素的样式。优先级高于元素声明的样式。js语句同样可以声明或修改元素的style属性。当元素的style属性值和js语句声明的不同时,元素的style属性值会被js语句声明的style属性值覆盖。

  5. tabindex,页面元素按tab键时选择框的跳转。取值可以为正整数,0,-1三种。当tabindex=正整数时,按tab键时,页面上的选择框按数字顺序由小到大跳转。tabindex的取值不一定连续。按tab键时,页面上tabindex=0的元素会最后被选中。tabindex=-1的元素不会在页面上被tab键跳转选中。

  6. title,用来为元素添加附加说明。大多数浏览器中,鼠标悬浮在元素上面时,会将title属性值作为浮动提示,显示出来。

  7. contenteditale,文本可编辑属性。HTML 网页的内容默认是用户不能编辑,contenteditable属性允许用户修改内容。它有两个可能的值,true或空字符串:内容可以编辑; false:不可以编辑。