美文网首页HTML代码
HTML的标签简单复习

HTML的标签简单复习

作者: elkelk | 来源:发表于2016-10-12 16:38 被阅读85次

    HTML元素 指的是一个标签内的所有内容(包括标签)
    HTML标签属性 标签属性可以为元素添加额外的信息,标签属性在标签内以name="value"的形式定义


    • 标签

    <h1>...<h6>标签标识标题,大小由1-6依次递减
    <p>标签表示段落
    <hr /> 表示一条水平线,一般用以分隔页面内容
    <br /> 表示换行
    <html> 定义html文档
    <body> 定义文档的主体
    <!DOCTYPE> 定义了文档的类型 在html5中一般为<!DOCTYPE html>
    `` 定义注释


    • 格式

    <acronym> 定义只取首字母的缩写 比如<acronym title="best friend forever">bff</acronym>,鼠标悬浮在首字母上会显示title的内容,在html5中<abbr>标签取代了它
    <address> 定义文档作者的联系信息,该标签在<article>中表示文章作者的相关信息,在<body>中则是相应的文档作者信息
    <b> 定义粗体文本
    <bdi> html5新标签,定义文本的方向,使其与父元素文本方向独立。
    <bdo> 定义文字方向。bdo与bdi的区别
    <big> 定义大号文本
    <small> 定义小号文本
    <blockquote> 定义长引用
    <cite> 定义引用
    <code> 定义计算机代码文本
    <del> 定义删除的文本,表现为一条横线在文字中。
    <em> 定义强调文本。
    <font> 定义文本的样式。
    <i> 定义斜体文本。
    <ins> 定义被插入的文本,表现为文字有下划线。
    <kbd> 定义了键盘文本。
    <mark> html5新标签,定义带有记号的文本。
    <meter> html5新标签,定义一个数据度量,通常用来表示结果数据。
    <pre> 定义预格式化的文本,保留标签内的空格和换行符,另外常常用来在页面上表示计算机的源代码。
    <progress> html5新标签,定义一个进度条。
    <q> 定义短引用。
    <rt> <rp> <ruby> 这3个标签都是html5新标签 <ruby>定义一个需要带发音的内容,<rt><ruby>内,内容为发音,<rp>定义在游览器不支持<ruby>时显示的内容。
    <samp> 定义样本文本
    <strong> 定义强调文本
    <sup> <sub> 分别定义上标和下标文本
    <time> html5新标签,定义时间/日期。
    <wbr> html5新标签,定义合适的文本换行位置。


    • 表单

    <form> 定义一个表单块。
    <textarea> 定义多行的文本输入控件。
    <button> 定义按钮。
    <select> 定义选择列表。
    <optgroup> 定义选择列表中相关选项的组合。
    <option> 定义选择列表中的选项。
    <label> 定义input元素的标注。
    <fieldset> 定义围绕表单中元素的边框。
    <legend> 定义field元素的标题。
    <datalist> html5新标签,定义下拉列表。
    <keygen> html5新标签,定义生成密钥。
    <output> html5新标签,定义输出的一些类型。
    <input> 定义一个输入控件,根据不同的type属性,有多种不同的输入控件。

    accept 规定文件上传提交的文件的类型。
    alttype=image配合使用,当图像无法显示时的替代内容。
    autocomplete html5新属性,规定表单是否使用自动完成功能。
    autofocus html5新属性,规定输入字段在页面加载输自动获得焦点。
    checked 规定input元素首次加载时是否是被选中状态。
    disabled 规定input元素首次加载时禁用此元素。
    form html5新属性,规定输入字段所属的一个或多个表单。
    formaction html5新属性,覆盖表单的action属性,适用于type="submit"和type="image"。
    formenctype html5新属性,覆盖表单的enctype属性,适用于type="submit"和type="image"。
    formmethod html5新属性,覆盖表单的method属性,适用于type="submit"和type="image"。
    formnovalidate html5新属性,覆盖表单的novalidate属性,使用则表示提交表单时不进行验证。
    formtarget html5新属性,覆盖表单的target属性,适用于type="submit"和type="image"。
    height html5新属性,定义input字段的高度,适用于type="image"。
    list html5新属性,引用一个预定义选项的datalist。

    max min html5新属性,规定输入字段的范围。
    maxlength 规定输入字段中字符的最大长度。
    name 定义input元素的名称。
    pattern hmtl5新属性,规定输入字段的值的模式或格式。
    placeholder html5新属性,规定帮助用户填写输入字段的提示。
    readonly 规定输入字段为只读。
    required html5新属性,表示输入字段是必须的。
    size 定义输入字段的宽度。
    src 定义以提交按钮形式显示的图像的URL。
    step 规定输入字的合法数字间隔。
    value 规定input元素的值。
    width html5新属性,定义input字段的宽度,适用于type="image"。
    type 规定input元素的类型。

    button
    checkbox
    file
    hidden
    image
    password
    radio
    reset
    submit
    text


    • 框架

    <frame> 定义框架集的窗口或框架。
    <frameset> 定义框架集。
    <noframes> 定义不支持框架的用户的替代内容。
    <iframe> 定义内联框架。


    • 图像

    <img> 定义图像。
    <map> 定义图像映射。
    <area> 定义图像地图内部的区域。
    <canvas> html5新标签,定义图形。
    <figcaption> html5新标签,定义figure元素的标题。
    <figure> html5新标签,定义媒介内容的分组以及他们的标题。


    • 音频/视频,这里都没html5的新标签

    <audio> 定义声音的内容。
    <source> 定义媒介源。
    <track> 定义用在媒体播放器中的文本轨道。
    <video> 定义视频。


    • 链接

    <a> 定义锚。
    <link> 定义文档与外部资源的关系。
    <nav> html5新标签,定义导航链接。


    • 列表

    <ul> 定义一个无序列表。
    <ol> 定义一个有序列表。
    <li> 定义列表的项。
    <dl> 定义一个定义列表。
    <dt> 定义定义列表中的项目。
    <dd> 定义定义列表中的定义。
    <menu> 定义命令的菜单/列表。
    <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。
    <command> html5新标签,定义命令按钮。


    • 表格

    <table> 定义表格。
    <caption> 定义表格标题。
    <th> 定义表格中,表头单元格。
    <tr> 定义表格中的行。
    <td> 定义表格中的单元。
    <thead> 定义表格中的表头内容。
    <tbody> 定义表格中的主体内容。
    <tfoot> 定义表格中的标注内容。
    <col> 定义表格中一个或多个列的属性值。
    <colgroup> 定义表格中供格式化的列组。


    • 样式/节

    <style> 定义文档的样式信息。
    <div> 定义文档中的块元素。
    <span> 定义文档中的内联元素。
    <header> html5新标签,定义页面的页眉。
    <footer> html5新标签,定义页面的页脚。
    <section> html5新标签,定义section。
    <article> html5新标签,定义文章。
    <aside> html5新标签,定义页面内容之外的内容。
    <details> html5新标签,定义元素的细节。
    <dialog> htm5新标签,定义对话框或者窗口。
    <summary> html5新标签,为<details>元素定义可见的标题。


    • 元信息

    <head> 定义关于文档的信息。
    <meta> 定义关于HTML文档的元信息。
    <base> 定义页面中所有链接的默认地址或默认目标。


    • 编程

    <script> 定义客户端脚本。
    <noscript> 定义不支持客户端脚本的用户的替代内容。
    <embed> html5新标签,为外部应用程序定义容器。
    <object> 定义嵌入的对象。
    <param> 定义对象的参数。

    相关文章

      网友评论

        本文标题:HTML的标签简单复习

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