一、HTML【HyperText Markup Language超文本标记语言】拓展

时间:2022-11-19 20:47:10
1.html语言的特点:
   A.html语言是与平台无关的,任何平台只需要安装了浏览器都可以运行。
   B.html是不区分大小写的。


2.额外的标签
  1).注释:<!--  注释的内容  -->
     <head></head>的作用 
     A.可以设置网页的标题
     B.可以通过浏览使用指定的码表解释html页面。
  2).声明用什么解码打开:<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  3).用于搜索时候的关键字:<meta name="keywords" content="java培训,php培训,c#培训"/>
     <!--一个网页的关键字最好是3-4个。 seo(搜索引擎优化)                      -->
  4).水平线标签:<hr/>
  5).下标:<sub>
     上标:<sup>
  6).&nbsp;&nbsp;缩进一空格 
     标题居中<h1 align="center">  </h1>
  7).原样标签(保留空格和换行符):<pre>   </pre>    要么全空格要么全tab
  8).公司的组织结构:
<dl>
    <dt>技术总监</dt>
        <dd>码农1号</dd>
        <dd>码农2号</dd>
        <dd>码农3号</dd>
        <dd>码农4号</dd>
        <dt>人事总监</dt>
        <dd>妹子1号</dd>
        <dd>妹子2号</dd>
    </dl>


  9).<span>我现在在学习html,</span>  目前没有效果
     <div>后天学习css+javascript</div>  跟<br/>类似


  10).实体标签(解决无法显示本身)
      A.空格:&nbsp;
      B.<小于号:&lt;
      C.>大于号:&gt;
      D.&和号:&amp;(单独使用可以显示)
      E."引号:&quot;
      F.¥:&yen;
      G.?版权:&copy;
      H.?注册商标:&reg;


   11).媒体标签:<embed> </embed>
       hidden:设置隐藏插件是否隐藏。
       src:用于指定音乐的路径。
       如:<embed src="1.mp3" hidden="false"> </embed>


   12).飘动标签:<marquee>   </marquee>
       direction:指定飘动的方向
       scrollamount:指定飘动的速度。
       loop:指定飘动的次数。
       如:<marquee  loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>
    
   13).超链接
       A.格式:<a target="_blank" href="#" target="right"> 百度一下 </a>
       href:用于指定链接的资源。href是HypertextReference的缩写,意思是超文本引用。
       target:设置打开新资源的目标。 _blank 在独立的窗口上打开新资源 _self在当前窗口打开新资源。
       B.邮箱的协议:<a href="mailTo:1343988320@qq.com">
         迅雷的协议:<a href="thunder://abc/aa 战狼2.avi">
         锚点定位:首写<a name="top"> 顶部 </a>
                   尾写<a href="#top">回到顶部</a>


   14).图片标签
       <img src="111.jpg" alt="这是XXX的图" width="400" height="300">
       </img>
       width:设置图片宽带
       height:设置图片高度
       alt:如果图片资源无法找到,那么就显示对应的文字对图片进行说明。
       如:
       <img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="171,178,304,227" href="http:\\www.baidu.com" target="_blank" />
      <area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />
    </map>