zoukankan      html  css  js  c++  java
  • HTML5之标签

    1、<h1>这是一个标题</h1>,一共有6级标题

    2、<p>这是一个段落</p>

    3、<a href="www.baidu.com">这是一个链接</a>

    4、<img src="img/logo.png" width="285" height="39" />

    5、<br>、<br />换行

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

    7、<!--这是一个注释-->

    8、<b>这个文本是加粗的</b>

    9、<strong>这个文本是加粗的</strong>

    10、<i>这个文本是斜体的</i>

    11、<em>这个文本时斜体的</em>

    12、<big>这个文本是放大的</big>

    13、<small>这个文本是缩小的</small>

    14、<sub>这个文本包含下标</sub>

    15、<sup>这个文本包含上标</sup>

    16、<pre>对空行和空格进行控制,可以让输出的格式按照标签里的格式输出</pre>

    17、<code>计算机输出</code>

    18、<kbd>键盘输入</kbd>

    19、<samp>计算机代码样本</samp>

    20、<tt>打字机文本</tt>

    21、<var>计算机变量</var>

    22、<address>在HTML文件中写地址</address>

    23、<abbr title="首字母缩写">缩写</abbr>

    24、<acronym title="首字母缩写">缩写</acronym>

    25、<bdo dir="rtl">该段落文字从右到左显示。</bdo>

    26、<q>定义一个短的引用,引用名言警句</q>

    27、<del>删除字,在字上划掉</del>

    28、<ins>给字添加下划线</ins>

    29、<blockquote cite="url">定义一个长的引用</blockquote>

    30、创建文本跳转链接:

      <a id="tips">有用的提示部分</a>

      <a href="tips">同一个页面的访问有用的提示部分</a>

      <a href="http://www.baidu.com/html/html-links.html#tips">从一个页面访问另一个页面的有id属性的有用的提示部分</a>

    31、创建图片链接:

      <a href="http:www.runoob.com"><img border="0" src="smile.gif" alt="smile.gif" width="24" height="24"/></a>

    32、邮件链接:

      <a href="mailto:someone@example.com?Subject=Hello%20World" target="_top">发送邮件</a>

    33、更复杂的邮件链接:

      <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse.example.com&Subject=Hello%20Word&body=Welcome%20to%20our%20summer%20party!" target="_top">发送邮件</a>

    34、设置所有链接的访问地址:

      <head><base href="//www.runoob.com/images/" target="_blank"></head>

    35、可以在head中添加的标签是<title><style><meta><link><script><noscript><base>

    36、创建没有下划线的链接:

      <a href="//www.runoob.com/" style="text-decoration:none;">访问runoob</a>

    37、<link rel="stylesheet" type="text/css" href="styles.css">链接外接样式表

    38、<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

    <p><a href="//www.runoob.com" target="iframe_a">Runoob.com</p>

    将一个页面的内容显示在iframe中,可以指定iframe的高度和宽度

     小提示:

    1、第31在创建图片链接的时候border是设置图片显示的边框,alt值的作用是当你的图片无法正常显示的时候,alt的值将会替换图片显示“跳转按钮”

    2、<a href="">跳转</a>、<a href="" target="_top">跳出框架</a>这两个有什么区别???

    3、第32的邮件链接格式:“邮箱地址?Subject=单词%20单词”,邮箱地址与内容用?隔开,Subject变量是邮件内容,单词之间的空格用%20隔开以便正常显示

    4、HTML字符实体,在HTML中是无法使用<、>的,因为浏览器会认为他们是标签,这时候就需要我们用字符实体来替代https://www.runoob.com/html/html-entities.html

    https://www.runoob.com/tags/html-reference.html

  • 相关阅读:
    每天一个linux命令(5):rm 命令
    每天一个linux命令(3):pwd命令
    c++11之lambda表达式
    C++11之std::future和std::promise和std::std::packaged_task
    金三银四,为什么面试你总拿不到高薪?
    高并发神器 Nginx,到底该怎么学?
    好文 | MySQL 索引B+树原理,以及建索引的几大原则
    为什么 TCP 建立连接是三次握手,关闭连接确是四次挥手呢?
    Java & 架构硬核福利,速度上车!
    Intellij IDEA 阅读源码的 4 个绝技,我必须分享给你!
  • 原文地址:https://www.cnblogs.com/BASE64/p/11545012.html
Copyright © 2011-2022 走看看