《HTML常用标签-1》

202 阅读2分钟

  1. HTML概述

  HTML的英文全称是 Hypertext Marked Language,即超文本标记语言.HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言.

  2. HTML模板

  <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>Document</title>
 </head>
 <body>
   
 </body>
 </html>

  模板内部的含义:

  3. 常用标签

h1~h6: 一般用于标题大小

section: 写章节的部分

article: 写文章的部分

p: 写段落的部分

header: 表示这是页面头部

footer: 表示这是页面尾部

main: 表示页面的主要内容

aside: 页面的旁支内容

div: 划分页面的区域,可把不同的部分划分为一个区域

  4. 全局属性(所有标签都有的属性)

class: class 属性规定元素的类名.

contenteditable: 使页面可以直接进行编辑

hidden: 隐藏你想要隐藏的部分

id: 用来表示全局唯一的标签,但要注意,id 的全局唯一性没有保障,就算有两个重复的 id,HTML 也不会提示我写错了

style: 标签用于为 HTML 文档定义样式信息.

tabindex: 当你按Tab时,选项框跳转的顺序,可以设置为任意正数,且不需要连续,需要注意的是,当你设置值为0时,表示该部分要最后才被Tab访问;当你设为-1时,表示该部分不会被Tap访问.

title: 当使用title标签时,可以用鼠标放在使用的部分,可以得到该部分类似备注的效果.

  5. 常用的内容标签

ol+li: 有序列表

ul+li: 无序列表

dl+dt+dd: 描述列表

pre: 使用此标签不会省略空格

hr: 分割性

br: 换行符

a: 放置超链接的标签

em: 表示语气上的强调,使用此标签文字会变为斜体.

strong: 表示内容本身的重要性,使用此标签字体会加粗.

code: 使用此表情

quote: 引用标签

blockquote: 引用标签块