网页课程内容回顾（HTML）

标签：html   学习总结   

今天和大家分享我这段时间以来学习html的总结，以此来巩固，希也望对初学者能有所帮助。

开发工具：Sublime Text2或HBuilder

首先学习的当然是html的标签语言，其实w3cschool中都有。

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词
       <meta charset="UIF-8">
       <meta name="keyword" content="html5,css3">
       <meta name="author" content="whqet">
       <meta name="generater" content="sublime taxt2"> 

<title> 网页标题
       <title>Document</title>

<style> 指定标签的行内样式，页面内部的css
       <style>
            p{
             font-size: 12px 字体大小
             font-weight:bold 字体变粗
             font-style:italic 字体变斜
             color:red; 字体颜色
             text-indent: 2em; 首行缩进
             line-height: 1.5em; 行高
            }
       </style>

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。
       <figure>
        <figcaption>图像标题</figcaption>
        <img src="abcd.jpg" width="350" height="234" alt="" usemap="#abc">
       </figure>
   使用<map>标签定义地图，<map里>面使用<area>标签定义热区
        area里面的shape
        shape="circle" coords="x,y,r"区域为圆形 圆心坐标和半径
        shape="polygon" coords="x1,y1,x2,y2,x3,y3,..."区域为多边形  多边形所有顶点的坐标
        shape="rectangle" coords="x1,y1,x2,y2"区域为矩形  矩形的左上右下两点的坐标
   在<img>标签里面使用<usemap>属性调用<map>
      <map name="#abc">
       <area shape="circle" coords="95,115,80" href="<a target=_blank href="http://www.baidu.com">http://www.baidu.com</a>" alt="">
       <area shape="polygon" coords="183,110,200,110,200,90,213,90,217,110,237,110" href="<a target=_blank href="http://www.csdn.net">http://www.csdn.net</a>" alt="">
       <area shape="rectangle" coords="502,48,613,185" href="<a target=_blank href="http://www.sohu.com">http://www.sohu.com</a>" alt="">
      </map>

网页课程内容回顾（HTML）

标签：html   学习总结   

原文地址：http://blog.csdn.net/hero0607/article/details/44687657