• HTML


    HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />

    <h1> 定义最大的标题。<h6> 定义最小的标题。

    <hr /> 标签在 HTML 页面中创建水平线。

    hr 元素可用于分隔内容。

    注释:<!-- This is a comment -->

    文本格式化标签

    标签

    描述

    <b>

    定义粗体文本。

    <big>

    定义大号字。

    <em>

    定义着重文字。

    <i>

    定义斜体字。

    <small>

    定义小号字。

    <strong>

    定义加重语气。

    <sub>

    定义下标字。

    <sup>

    定义上标字。

    <ins>

    定义插入字。

    <del>

    定义删除字。

    <s>

    不赞成使用。使用 <del> 代替。

    <strike>

    不赞成使用。使用 <del> 代替。

    <u>

    不赞成使用。使用样式(style)代替。

     

    引用、引用和术语定义

    标签

    描述

    <abbr>

    定义缩写。

    <acronym>

    定义首字母缩写。

    <address>

    定义地址。

    <bdo>

    定义文字方向。

    <blockquote>

    定义长的引用。

    <q>

    定义短的引用语。

    <cite>

    定义引用、引证。

    <dfn>

    定义一个定义项目。

     

    引用外部样式表:

    <link rel="stylesheet" type="text/css" href="mystyle.css">

    内联样式

    <p style="color: red; margin-left: 20px">

    This is a paragraph

    </p>

    下面的这行会在新窗口打开文档:

    <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

    HTML 链接 - name 属性

    name 属性规定锚(anchor)的名称。

    命名锚的语法:

    <a name="label">锚(显示在页面上的文本)</a>

    提示:锚的名称可以是任何你喜欢的名字。

    提示:可以使用 id 属性来替代 name 属性,命名锚同样有效。

    实例

    首先,在 HTML 文档中对锚进行命名(创建一个书签):

    <a name="tips">基本的注意事项 - 有用的提示</a>

    然后,在同一个文档中创建指向该锚的链接:

    <a href="#tips">有用的提示</a>

    也可以在其他页面中创建指向该锚的链接:

    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

    替换文本属性(Alt)

    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

    <img src="boat.gif" alt="Big Boat">

    HTML <ol> 标签

    New:HTML5 中的新属性。

    属性

    描述

    compact

    compact

    HTML5 中不支持。HTML 4.01 中不赞成使用。

    规定列表呈现的效果比正常情况更小巧。

    reversed

    reversed

    规定列表顺序为降序。(9,8,7...)

    start

    number

    规定有序列表的起始值。

    type

    1

    A

    a

    I

    i

    规定在列表中使用的标记类型。

     

    表单标签

    标签

    描述

    <form>

    定义供用户输入的表单

    <input>

    定义输入域

    <textarea>

    定义文本域 (一个多行的输入控件)

    <label>

    定义一个控制的标签

    <fieldset>

    定义域

    <legend>

    定义域的标题

    <select>

    定义一个选择列表

    <optgroup>

    定义选项组

    <option>

    定义下拉列表中的选项

    <button>

    定义一个按钮

    <isindex>

    已废弃。由 <input> 代替。

     

     

    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

    <frameset cols="25%,75%">
       <frame src="frame_a.htm">
       <frame src="frame_b.htm">
    </frameset>

    假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。

    为不支持框架的浏览器添加 <noframes> 标签。

    iframe 用于在网页内显示网页。

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

    使用 iframe 作为链接的目标

    iframe 可用作链接的目标(target)。

    链接的 target 属性必须引用 iframe 的 name 属性:

    背景颜色(Bgcolor)

    背景(Background)

    HTML <head> 元素

    以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

    <base> 标签为页面上的所有链接规定默认地址或默认目标(target):

    <base target="_blank" />

    元数据(metadata)是关于数据的信息。

    <meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

    重定向:<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />

    JavaScript 使 HTML 页面具有更强的动态和交互性。。

    <script type="text/javascript">
    document.write("Hello World!")
    </script>
     
    <noscript>Your browser does not support JavaScript!</noscript>

    如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,应该将脚本隐藏在注释标签当中。

    <script type="text/javascript">
    <!--
    document.write("Hello World!")
    //-->
    </script>

    HTML 中有用的字符实体

    注释:实体名称对大小写敏感!

    显示结果

    描述

    实体名称

    实体编号

     

    空格

    &nbsp;

    &#160;

    小于号

    &lt;

    &#60;

    大于号

    &gt;

    &#62;

    &

    和号

    &amp;

    &#38;

    "

    引号

    &quot;

    &#34;

    '

    撇号 

    &apos; (IE不支持)

    &#39;

    &cent;

    &#162;

    £

    &pound;

    &#163;

    ¥

    日圆

    &yen;

    &#165;

    欧元

    &euro;

    &#8364;

    §

    小节

    &sect;

    &#167;

    ©

    版权

    &copy;

    &#169;

    ®

    注册商标

    &reg;

    &#174;

    商标

    &trade;

    &#8482;

    ×

    乘号

    &times;

    &#215;

    ÷

    除号

    &divide;

    &#247;

     

  • 相关阅读:
    一个简单的禁止鼠标滚轮事件处理
    模仿抽奖转盘,并且用cookie记录历史次数
    学习jquery
    使用var提升变量声明
    Django 自带密码加密,自定密码加密方式 及自定义验证方式
    kindEditor使用并防止xss攻击(day88)
    python二维码生成库(qrcode)简介和实例
    js原型的区别
    js中 this与that
    python单元测试之unittest框架使用总结
  • 原文地址:https://www.cnblogs.com/selfimprove/p/4586497.html
Copyright © 2020-2023  润新知