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

  • 相关阅读:
    HTTP Status 401
    Spring Data Elasticsearch 应用
    Elasticsearch基础概念
    Windows上使用Linux命令
    在服务器搭建git仓库
    SSH
    Linux/Windows 配置config 使用ssh连接
    在阿里云CentOS服务器上安装Python3.7并设置为默认Python
    Linux下Python3源码安装
    Vue
  • 原文地址:https://www.cnblogs.com/BASE64/p/11545012.html
Copyright © 2011-2022 走看看