zoukankan      html  css  js  c++  java
  • 4-30 HTML 细节摘录

     <b> 定义粗体文本。
    <big> 定义大号字。
    <em> 定义着重文字。
    <i> 定义斜体字。
    <small> 定义小号字。
    <strong> 定义加重语气。
    <sub> 定义下标字。
    <sup> 定义上标字。
    <ins> 定义插入字。
    <del> 定义删除字。
     <code> 定义计算机代码。
    <kbd> 定义键盘码。
    <samp> 定义计算机代码样本。
    <tt> 定义打字机代码。
    <var> 定义变量。
    <pre> 定义预格式文本。
     <abbr> 定义缩写。
    <acronym> 定义首字母缩写。
    <address> 定义地址。
    <bdo> 定义文字方向。
    <blockquote> 定义长的引用。
    <q> 定义短的引用语。
    <cite> 定义引用、引证。
    <dfn> 定义一个定义项目。
      <img src="boat.gif" alt="Big Boat">
     <img> 定义图像。
    <map> 定义图像地图。
    <area> 定义图像地图中的可点击区域。
    <table border="1">
    <tr>
    <th>Heading</th>
    <th>Another Heading</th>
    </tr>
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>

    在浏览器显示如下:

    HeadingAnother Heading
    row 1, cell 1 row 1, cell 2
    row 2, cell 1 row 2, cell 2
     <table> 定义表格
    <caption> 定义表格标题。
    <th> 定义表格的表头。
    <tr> 定义表格的行。
    <td> 定义表格单元。
    <thead> 定义表格的页眉。
    <tbody> 定义表格的主体。
    <tfoot> 定义表格的页脚。
    <col> 定义用于表格列的属性。
    <colgroup> 定义表格列的组。

    添加 iframe 的语法

    <iframe src="URL"></iframe>

    Iframe - 删除边框

    frameborder 属性规定是否显示 iframe 周围的边框。

    设置属性值为 "0" 就可以移除边框:

    实例

    <iframe src="demo_iframe.htm" frameborder="0"></iframe>

    <noscript> 标签

    <noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

    noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

    只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容:

    <script type="text/javascript">
    document.write("Hello World!")
    </script>
    <noscript>Your browser does not support JavaScript!</noscript
     <head> 定义关于文档的信息。
    <title> 定义文档标题。
    <base> 定义页面上所有链接的默认地址或默认目标。
    <link> 定义文档与外部资源之间的关系。
    <meta> 定义关于 HTML 文档的元数据。
    <script> 定义客户端脚本。
    <style> 定义文档的样式信息。
     

    URL Schemes

    以下是其中一些最流行的 scheme:

    Scheme访问用于...
    http 超文本传输协议 以 http:// 开头的普通网页。不加密。
    https 安全超文本传输协议 安全网页。加密所有信息交换。
    ftp 文件传输协议 用于将文件下载或上传至网站。
    file   您计算机上的文件。

    URL - Uniform Resource Locator

    当您点击 HTML 页面中的某个链接时,对应的 <a> 标签指向万维网上的一个地址。

    统一资源定位器(URL)用于定位万维网上的文档(或其他数据)。

    网址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的语法规则:

    scheme://host.domain:port/path/filename

    解释:

    • scheme - 定义因特网服务的类型。最常见的类型是 http
    • host - 定义域主机(http 的默认主机是 www)
    • domain - 定义因特网域名,比如 w3school.com.cn
    • :port - 定义主机上的端口号(http 的默认端口号是 80)
    • path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
    • filename - 定义文档/资源的名称

    编者注:URL 的英文全称是 Uniform Resource Locator,中文也译为“统一资源定位符”。

     

    <input> 元素

    <input> 元素是最重要的表单元素

    <input> 元素有很多形态,根据不同的 type 属性。

    这是本章中使用的类型:

    类型描述
    text 定义常规文本输入。
    radio 定义单选按钮输入(选择多个选择之一)
    submit 定义提交按钮(提交表单)



    HTML Form 属性

    HTML <form> 元素,已设置所有可能的属性,是这样的:

    实例

    <form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
    ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
    .
    form elements
     .
    </form> 
    

    Here is the list of <form> attributes:

    属性描述
    accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。
    action 规定向何处提交表单的地址(URL)(提交页面)。
    autocomplete 规定浏览器应该自动完成表单(默认:开启)。
    enctype 规定被提交数据的编码(默认:url-encoded)。
    method 规定在提交表单时所用的 HTTP 方法(默认:GET)。
    name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。
    novalidate 规定浏览器不验证表单。
    target 规定 action 属性中地址的目标(默认:_self)。

    注释:您将在下面的章节学到更多关于属性的知识。

    <select> 元素(下拉列表)

    <select> 元素定义下拉列表

    实例

    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
    </select>

    HTML5 输入类型

    HTML5 增加了多个新的输入类型:

    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week

    HTML5 提供的新元素可以构建更好的文档结构:

    标签描述
    <article> 定义文档内的文章。
    <aside> 定义页面内容之外的内容。
    <bdi> 定义与其他文本不同的文本方向。
    <details> 定义用户可查看或隐藏的额外细节。
    <dialog> 定义对话框或窗口。
    <figcaption> 定义 <figure> 元素的标题。
    <figure> 定义自包含内容,比如图示、图表、照片、代码清单等等。
    <footer> 定义文档或节的页脚。
    <header> 定义文档或节的页眉。
    <main> 定义文档的主内容。
    <mark> 定义重要或强调的内容。
    <menuitem> 定义用户能够从弹出菜单调用的命令/菜单项目。
    <meter> 定义已知范围(尺度)内的标量测量。
    <nav> 定义文档内的导航链接。
    <progress> 定义任务进度。
    <rp> 定义在不支持 ruby 注释的浏览器中显示什么。
    <rt> 定义关于字符的解释/发音(用于东亚字体)。
    <ruby> 定义 ruby 注释(用于东亚字体)。
    <section> 定义文档中的节。
    <summary> 定义 <details> 元素的可见标题。
    <time> 定义日期/时间。
    <wbr> 定义可能的折行(line-break)。
    https://www.tongbiao.xyz/
  • 相关阅读:
    Unity动态批处理和静态批处理学习
    Mac下Unity使用Jenkins自动化打包
    Mac 环境环境下安装Git与使用(码云)
    MySQL: 6、MySQL语句
    MySQL: 5、MySQL索引、视图、存储过程
    MySQL: 4、多表、外键、数据库设计
    MySQL: 3、SQL语言 ②约束、事务
    MySQL: 2、SQL语言 ①概念、分类
    MySQL: 1、MySQL基础
    Mac 系统下如何显示和隐藏文件
  • 原文地址:https://www.cnblogs.com/tongbiao/p/6789424.html
Copyright © 2011-2022 走看看