• HTML


    html是从上而上的加载的

    标签

    标题标签  <h1>~<h6>

    段落标签   <p>

    换行         <br/>

    水平线  <hr/>

    粗体  <strong>

    斜体  <em>

    <span>标签的作用  能让某几个字体或者某个词语凸显出来,设置特殊的样式,就可以凸显出来

    特殊符号  空格    &nbsp;(牛逼傻逼)

          大于号>    &gt;

          小于号<    &lt;

          引号    &quot;

          版权符号  &copy;

    图像  <img  src="图片路径" alt="这里是图片丢失提示文本信息"  width="宽度px"  height="高度px"  title="鼠标移入的文本信息"/>

    超链接  页面间链接--->A页到B页          <a href="跳转后页面的路径" >能跳转的热点文本或图像</a>

         锚链接--->可以跳转到同一页面指定的位置    <a name="名字">点击我</a>

                                 <a href="#名字">跳转到这里来</a>

                跳转到另一个网页的指定位置    1.html

                              <a href="路径/2.hmtl#名字">点击我</a>

                                 2.html

                              <a name="名字">跳转到我这里来</a>

              功能性链接--->发邮件       <a href="mainto:邮箱地址“>点击发送邮件</a>

    媒体元素 视频元素  <video  src="视频路径"  controls></video>  controls:提供播放、暂停和音量的控件  自动播放属性autoplay  vidth设置宽度,然后高度会根据宽度自动变化

                  注意:主流浏览器支持的视频格式不同  <video controls  autoplay width="宽度px">

                                      <source src="video/video.webm" type="video/webm"/>

                                        z<source src="video/video.mp4" type="video/mp4"/>

                                     </video>

         音频元素  <audio src="指定要播放的音频文件的路径" controls></audio>  controls:提供播放、暂停和音量的控件

                注意:主流浏览器支持的音频格式不同  <audio controls>

                                    <source src="音频路径" type="music/ogg"/>

                                         <source src="音频路径" type="music/mp3"/>

                                   </audio>

    结构元素  header  标题头部区域的内容(用于页面或页面中的一块区域)

          footer   标记脚部区域的内容(用于整个页面或页面的一块区域)

          section  Web页面中的一块独立区域,这里明确的需要标题

          artcle     独立的文章内容

          aside     相关内容或应用(常用于侧边栏)

          nav    导航类辅助内容

  • 相关阅读:
    STL容器内数据删除
    grep 同时满足多个关键字和满足任意关键字
    程序运行栈空间不足程序崩溃问题
    VS2010中设置程序以管理员身份运行
    python 包详解
    select 详解
    Hdu 1166
    CF1204C
    CF1204B
    CF1204A
  • 原文地址:https://www.cnblogs.com/shmilynanmei/p/9041461.html
Copyright © 2020-2023  润新知