zoukankan      html  css  js  c++  java
  • HTML常用标签

    HTML常用标签(页面)

    • <p>-段落(paragraph)
    • 标签<h1>到<h6>标题元素。

    <h1>定义了最大的标
    题元素,<h6>定义了最小的。
    • <br />换行标签。
    • <hr size=“9” width=“80%” color=“red”/>
    水平线


    HTML常用标签(文字操作)
    • <del>twenty </del>删除文字
    • <b>...</b>粗体字(bold) 
    • <i>...</i>斜体字 (italic)
    • <font color=“red” size=“1”>...</font> 1是
    最小字体…7是最大字体
    • <sub> 下标(subscript)
    • <sup> 上标 (superscript)
    • <pre>如实显示

    • 有些字符,比如说“<”字符,在HTML中有特殊的
    含义,因此丌能在文本中使用。想要在HTML中显示
    一个小于号“<”,需要用到字符实体:&lt;或者
    &#60;
    • 实体名是大小写敏感的。
    • 字符实体拥有三个部分:一个and符号(&),一个
    实体名或者一个实体号,最后是一个分号(;)


    HTML常用字符实体(1)
    显示结果 描述 实体名 实体号
    不可拆分的空格 &nbsp; &#160; 
    < 小于 &lt; &#60; 
    > 大于 &gt; &#62; 
    & and符号 &amp; &#38; 
    ' 单引号 &apos;
    (IE不支持) 
    &#39; 
    " 引号 &quot; &#34;


    HTML常用字符实体(2)
    显示结果 描述 实体名 实体号
    £ 英镑 &pound; &#163; 
    ¥ 人民币元 &yen; &#165; 
    § 章节 &sect; &#167; 
    © 版权 &copy; &#169; 
    ® 注册 &reg; &#174; 
    × 乘号 &times; &#215; 
    ÷ 除号 &divide; &#247;


    HTML常用标签(图像)
    • <img>标签的属性
    – src:图像文件地址
    – width:图像宽
    – height:图像高
    – border:图像边框
    – title:表示鼠标在图片上停留时,显示一个文
    字悬浮框。
    – alt:用于图片没显示时,显示一个说明文字。
    HTML常用标签(嵌入)
    • <embed>标记用于在页面中嵌入多媒体文件,
    但是用户计算机上需要事先安装相应的处理程序.(
    一般用于IE和基于IE内核的浏览器。火狐需要安
    装插件才行。)
    • html5使用video标签和audio标签
     常用嵌入式文档的格式:
     mp3, mid, wma, asf, swf, flv, rm, ra, ram, avi
    <embed src="ee.wmv" autostart="true" loop='true' hidden='false' 
    width="100px" height="100px" />
    autostart:是否自动播放嵌入的文件。
    loop:是否循环播放。也可以取数字,表明循环多少次。
    hidden:是否显示播放器。

    HTML常用标签(超链接)
    • <a href=“5.htm”>5.htm</a> 超链接
    • 图片作为链接。
    <a href="lastpage.htm">
    <img border="0" src=".images ext.gif">
    </a>
    • target属性(定义从什么地方打开链接地址 )
    <a href="http://www.163.com/" target="_blank">163!</a>
    target值 描述
    _blank 在新窗口中打开被链接文档。
    _self 默认。在相同的框架中打开被链接文档。
    _parent 在父框架集中打开被链接文档。
    _top 在整个窗口中打开被链接文档。
    HTML常用标签(超链接)
    • 锚标签和name属性
    – 命名一个锚点:
    <a name="label">Text to be displayed</a>
    – 链接到锚点:
    <a name="http://www.w3schools.com
    /html_links.asp#label">Jump to the label</a>
    • 创建邮件链接
    <a 
    href="mailto:test@163.com?subject=AboutHTML">
    发邮件给我</a>


    HTML常用标签(列表)
    • 有序列表(orderlist)
    <ol type=I >
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    • 无序列表(unorderlist)
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    HTML常用标签(表格)
    • <table>
    • <tr>行
    • <th>表格头
    • <td>列
    – colspan=“2”跨两列
    – rowspan=“2”跨两行
    – align=left,right,center 对齐方式
    一个标准的2*2的表格
    总结

  • 相关阅读:
    Linux下sed,awk,grep,cut,find学习笔记
    Python文件处理(1)
    KMP详解
    Java引用详解
    解决安卓中页脚被输入法顶起的问题
    解决swfupload上传控件文件名中文乱码问题 三种方法 flash及最新版本11.8.800.168
    null id in entry (don't flush the Session after an exception occurs)
    HQL中的Like查询需要注意的地方
    spring mvc controller间跳转 重定向 传参
    node to traverse cannot be null!
  • 原文地址:https://www.cnblogs.com/Arvin66-lyh/p/10834646.html
Copyright © 2011-2022 走看看