美文网首页
HTML常用标签

HTML常用标签

作者: PYFang | 来源:发表于2017-04-05 18:28 被阅读0次

文档元数据

元数据(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:图片

属性:
  • src:图片地址
  • alt: 图片因为网络等原因未成功加载时候的显示文案内容
  • width/height:可以是像素值或者相对于父容器的百分比,两个属性仅设置一个,另外一个值会按相应等比缩放

有序无序列表:

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:定义文档的主体

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • 2019-08-09

    html常用标签及标签特点

  • CSS 和HTML注意事项

    目录 HTML常用标签 CSS使用规范 HTML常用标签 /可以单独或者配合ul ol标签使用/ CSS使用规范...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

网友评论

      本文标题:HTML常用标签

      本文链接:https://www.haomeiwen.com/subject/lhrxattx.html