美文网首页
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常用标签

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