Html

     Html就是超文本标记语言的简写,是最基础的网页语言。

     Html是通过标签来定义的语言,代码都是由标签所组成。

     Html代码不用区分大小写。

     Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。

     头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载。

   体部分是真正存放页面数据的地方

 

 

1 HTML注释与特殊字符
    用<!--注释-->这种格式加入注释
    常用特殊字符表:
 HTML编码 显示或处理结果
 &lt      <
 &gt      >
 &amp     &
 &quot    "
 &reg     ®
 &copy    ©
 &trade   ™
 &nbsp    空格字符

2 body标签的属性
    text属性用于设置网页中文本的颜色
    link属性用于设置一般超链接文本的显示颜色
    alink属性用于设定鼠标移动到超链接上方时超链接文本的颜色
    vlink属性用于设定访问过的超链接文本的显示颜色
    leftmargin属性用于设定显示画面与浏览器左边缘的间隙,单位为像素
    topmargin属性用于设定显示画面与浏览器上边缘的间隙,单位为像素

3 格式标签

<p></p> 段落标签
    <br> 换行标签
    <nobr></nobr> 防止因为文本过长浏览器自动换行
    <blockquote></blockquote> 以缩进的方式显示文本
    <center></center> 将内容居中显示
    <marquee></marquee> 滚动标签 属性 direction= left right up down
          behavior=slide 滚动一次 
          behavior=scroll 循环滚动
          behavior=alternate 来回滚动
    <ol><li></ol>有序列表  
    <ul><li></ul>无序列表
    <pre></pre>预格式文本标签

4 文本标签

<b></b>粗体字
    <i></i>斜体
    <u></u>下划线
    <sub></sub>下标
    <sup></sup>上标
    <tt></tt>打印机风格显示文本
    <cite></cite>引用方式显示文本
    <em></em>强调的文本
    <strong></strong>加重的文本
    <font></font> 属性(face:字体  size:大小 color:颜色)

5 超链接标签
  

<a href = "url"></a> 
    <a href = "mailto:....." subject="主题"><a>
    <a name = "name"><a href = "#name">同一页面的跳转
    URL(Uniform Resource Locator)统一资源定位
    url的基本组成:协议    主机名      端口号 资源名
              HTTP://www.baidu.com:8080/index.html

6 图像标签
    <image>标签 属性src ="url" alt align border width height
    图像超链接 <a href="url"><img src="logo.gif"></a>  
    图像地图:一副图像分成多个区域,每个区域指向不同的url地址,区域称为热点
    怎样产生图像地图:
        (1)首先必须定义出图像的各个热点的形状、位置坐标、及其指向的URL地址,这过程叫做热点映射,图像热点映射需要使用<map name=mapname></map>标签对进行说明
        (2)图像映射中的各个区域用<area>标签进行说明,<area>标签的格式为<area shape="形状"            coords="坐标" href="url">,href也可用nohref进行替换,表示在该区域点击鼠标无效,<area>
        标签还有一个target属性,用来指明浏览器在哪个窗口或者帧中显示href指向的资源
        (3)定义好图像热点映射后,就在<img>中加入一个名为usemap的属性设置,usemap属性指定该图像被用作图像地图,值为图像热点映射名称,例如<img src="china.jpg" usemap="#mymap">
    sharp属性设置说明:
        rect 矩形 coords属性设置其左上角和右下角的坐标
        poly 多边形 coords属性设置其各个顶点的坐标
        cicle 圆  coords属性设置其圆心的坐标及其半径