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

    测试浏览器内核

    <script type="text/javascript">

    alert(window.navigator.userAgent);

    </script>

       居中:<h1 style="text-align: center;">标题居中</h1>

    基本标签

    换行

    <br/>

    加粗

    <b>加粗</b>

    倾斜

    <i>倾斜</i>

    下划线

    <u>下划线</u>

    删除线

    <del>删除线</del>

    <sub>kg</sub>9

    <sup>9</sup>4

    修饰字体

    <font size="3" color="darkred">修饰字体大小颜色</font>size1-7

    段落

    <p><p/>

    空格

    &nbsp

    <>

    &lt;br/&gt;

    &

    &amp;

    格式化

    <pre> <pre/>

    下划线

    <hr /> ||<hr color="red" width="300px" />

    背景

    背景颜色

    background=”1.jpg”

    背景图片

    bgcolor=”red”

     

                         

                                    

    多媒体标签

    图片

    <img src="img/ly.jpg" height="300px" title="好漂亮" alt="图片的描述信息"/>

    <img src="https://www.baidu.com/img/bd_logo1.png" width="100px" />

    音频

    <embed src ="img/1.mp3" autostart="true" loop='true' hidden="false" width="200px" height="200px"></embed>

    网络视频

    <embed src="img/q.mp4" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

    本地视频

    引入CSS 

    <embed src ="img/123.mp4" autostart="true" loop='true' hidden="false" width="200px" height="200px"></embed>


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

    超链接

    本地

    <a href="h1.html" title="本地">本地资源</a>

    网络

    <a href="http://www.baidu.com" title="我是到百度的请求">网络资源</a>

    邮箱

    邮箱超链接 <a href="mailto:clcand@sina.com">clcand@sina.com</a>

    锚点

    <a href="h1.html#F1">跳转到页面的锚点</a>

    本页锚点

    <a href="#one"><h3>1楼</h3></a>,,,,, <a name="one"></a>           

    表格

    <table border="1" width="600px" cellspacing="0">

                               <tr>

                                        <th>123/th>

                                        <td>456</td>

                               </tr>

                      </table>

     

     页面内嵌框架
    一个页面嵌套两个页面:

     
    <iframe name="qihu" src="https://www.so.com" width="49%" height="600px"></iframe>
    <iframe name="baidu" src="https://www.baidu.com" width="49%" height="600px"></iframe>
     
    页面部分刷新:
     
    <ul>
                <li>
                    <a href="img/1.jpg" target="imgshow">图一</a>
                </li>
                <li>
                    <a href="img/2.jpg" target="imgshow">图二</a>
                </li>
            </ul>
            <iframe name="imgshow" src="img/3.jpg" width="800px" height="1000px"></iframe>
     
     

     待续........

  • 相关阅读:
    [SDOI 2009] HH去散步
    [SDOI 2017] 新生舞会
    【期望 数学】7.6神经衰弱
    初涉2-SAT
    【tarjan 拓扑排序 dp】bzoj1093: [ZJOI2007]最大半连通子图
    【贪心】bzoj1572: [Usaco2009 Open]工作安排Job
    【贪心优化dp决策】bzoj1571: [Usaco2009 Open]滑雪课Ski
    概述「并查集补集转化」模型&&luoguP1330 封锁阳光大学
    初涉tarjan缩点
    初涉三元环
  • 原文地址:https://www.cnblogs.com/chenglc/p/6923138.html
Copyright © 2011-2022 走看看