HTML常用标签

2017-04-05  本文已影响0人  PYFang

文档元数据

元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如搜索引擎, 浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。
<base>:指定文档里所有相对 URLs 地址的基础 URL
<head>:规定文档相关的通用信息(元数据),包括文档标题、样式或脚本的链接或定义。
<title>:定义文档的标题,显示在浏览器的标题栏或标签页上。它只可以包含文本,若是包含有标签,则包含的任何标签都不会被解释。
<link>:指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。
<meta>:表示那些不能由其它HTML元相关元素<head>,<base>,<link>,<title>或<stlye>之一表示的任何元数据信息.
<stlye>:规定元素的行内 CSS 样式

标题 h1~h6

h1:最大标题
h4:中号标题
h6:最小号标题

文本突出:

mark:几乎和内容无关,就是为了标示(匹配搜索项,拼写错误等)
strong:表示强调标签文本内容,不改变其含义
em:表示感情上的强调,增强了语气

段落和块:

p:语义化的段落标签,用于文章分段,有默认的间距
div:普通的块标签,多用于布局,默认没有边距

换行和横线:


:换行


:横线

行内书写:

<span>:组合行内元素,以便通过样式来格式化它们

图片:

img:图片

属性:

有序无序列表:

ol:有序列表

属性:

  1. start:规定起始值,默认1
  2. type:1、A、a、I、i,默认是数字
  3. reversed:降序(h5新加)
ul:无序列表

属性:type(不推荐使用,使用css)

  1. disc:实心原点
  2. square:方块
  3. circle:空心圆圈
    注:ol和li(ul和li)总是要在一起使用,li用来标示每个元素,ol(ul)把它们归为一组

链接:

a:超链接
例:
<a target="_blank" href="http://www.baidu.com/">百度</a>

属性:

  1. target: 打开页面方式
  2. href:链接要指向哪里
  3. _self: 默认,在当前选项卡打开,替换当前页面
  4. _blank:新的选项卡打开
  5. _parent:在父框架中打开
  6. _top: 在最顶层打开
  7. framename

按钮

<button>:按钮

定义表格

table:定义表格
thead :标签定义表格的表头
caption:定义表格标题

table属性:
border:边框
cellpadding:td的内边距
cellspacing:td的外边距
width:table宽度
td属性:
align:水平对其方式
valign:垂直对齐方式
width:宽度,默认自动分布

dl: 展示有标题和内容的自定义表格
dt :标题子标签
iframe: 在当前页面嵌入一个页面
tr :代表表格的一行
th :代表表格第一行的列内容
td :代表表格的一列

全局属性:

class:规定元素的一个或多个类名(引用样式表中的类)
dir:规定元素中内容的文本方向
id:规定元素的唯一 id
lang :规定元素内容的语言
draggable:规定元素是否可拖动
title:规定有关元素的额外信息
translate:规定是否应该翻译元素内容
accesskey:规定激活元素的快捷键
contenteditable:规定元素内容是否可编辑
data-*:自定义属性
spellcheck:规定是否对元素进行拼写和语法检查
tabindex:规定元素的 tab 键次序
body:定义文档的主体

上一篇 下一篇

猜你喜欢

热点阅读