HTML标签笔记1

<！DOCTYPE>告诉浏览器该用那个html版本进行编写；
<a></a> 超链接标签。属性href="url"，当href="#"时表示跳转到页面顶部。可链接到同一页面的不同位置，链接到不同页面，使用图片做链接跳转，target=_blank 在新窗口打开链接页面。target=_top跳出原有的框架。href="mailto:......."做邮件链接，但邮件地址中的空格必须用20%代替。

<h3>超链接a练习</h3>
      <a href="https://mp.csdn.net/mdeditor/81457938" target="_top">学习计划</a>
      <div class="img_target">
           <a href="https://mp.csdn.net/mdeditor/81457938"  >
            <img src="../img/1.gif"/> <!--用图片做链接跳转-->
           </a>
      </div>
      <div>
            <a href="mailto:[email protected]?subject=Hello20%again" >邮件链接</a>
            <!--使用a做邮件链接 20%是地址的空格符-->
      </div>

<abbr></abbr> 指示简称或缩写
<address></address> 文档或文章的作者联系信息
<area> 嵌套在<map></map>中，定义图像映射的区域（带有可点击图像的区域）；
area必须有alt属性，alt属性定义了区域的替换文本。href属性定义了点击图像中的区域后跳转到的页面；area中有coords（区域的坐标）属性，coords必须和shape属性相结合使用，shape="circle" coords="x,y,z"表示圆形，    shape="polygon" coords="x1,y1,x2,y2,x3,y3,..."表示多边形，shape="rectangle"，coords="x1,y1,x2,y2"表示矩形；area 在 表示点击图像区域时，图像img中必须有usemap属性与map属性中的id或name相对应。

<!--area属性-->
<img src="../img/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
    <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
    <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
    <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

<article><article/> 文章，一段独立的内容；
<aside><aside/> 内容之外的内容，文章的侧栏；
<audio></audio> 音频文件，属性src="url文件地址" loop="loop"循环播放，controls="controls"向用户显示播放控件；

<!--audio音频属性-->
<audio src="../img/horse.ogg" controls="controls" autoplay="autoplay" loop="loop"></audio>

猜你喜欢