zoukankan      html  css  js  c++  java
  • 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    导航类辅助内容

  • 相关阅读:
    用OpenGL简单编写的一个最简单贪吃蛇游戏
    Python lambda map filter reduce
    Hadoop Python MapReduce
    Python faker生成数据
    Pandas数据清洗
    PySpark与jupyer notebook
    虚拟机与宿主机网络共享
    集合覆盖问题与贪婪算法
    最快路径与狄克斯特拉
    最短路径问题与广度优先搜索
  • 原文地址:https://www.cnblogs.com/shmilynanmei/p/9041461.html
Copyright © 2011-2022 走看看