表格、列表、表单、热点[图象映射]相对比较全面（复习）

今天内容有

1、表格

2、列表

3、表单、

4、html文本格式化

5、style样式

6、热点/图象映射

 

<meta charset="gb2312">设置字体为中文简体，但是和部分服务器不支持，会导致乱码

<meta charset="utf-8">设置国际编码字体，最好以后都用这种格式

table表格拼合图片  table属性应为

border="0" cellpadding="0" cellspacing="0"

file  上传属性

下拉列表
 
 <th>下拉列表显示<th>
 <td>
  <select>
   <option value=0[++]><option>
  <select>
 </td>

 

<textarea>多行文本

<th>多行文本域</th>
<th><inpu><th>

subment
reset
checked默认选中

form name='' action='地址' method='post' enctype='multipart/form-data'

enctype='multipart/form-data'提交大的数据
隐藏域
type=hedden
<input type='hidden' name'dide' value=''/>

‘偷偷的’将数据发送到了服务器，更好的保护数据

form

<form action='set.php' method='post' enctype='multipart/form-data'>

如果表单中有文件则必须加上属性enctype='multipart/form-data'

表单发送方式只要把post记下就好了，这个相对来说比较安全的发送方式，另外的那种方式基本没人来用

 

style属性：改变html的样式

1、style属性淘汰了“旧的” bgcolor 属性。

      <h2style="background-color:red">This is a heading</h2>

2、style属性淘汰了旧的 <font> 标签。

       <pstyle="font-family:arial;color:red;font-size:20px;">Aparagraph.</p>

3、style属性淘汰了旧的 "align" 属性。

      <h1style="text-align:center">This is a heading</h1>

不建议使用style属性定义html元素的样式，建议使用CSS来控制样式

html超文本链接

HTML使用超级链接与网络上的另一个文档相连，点击链接可以从一张页面跳转到另一张页面。

1、href属性规定链接的目标

      <ahref="http://www.tmall.com/">跳转到淘宝</a>

2、target属性定义被链接的文档在何处显示

      新窗口打开文档：<a href="xxx"target="_blank">xxx!</a>

3、name属性

     使用命名锚（namedanchors）时，我们可以创建直接跳至页面中某个节的链      接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。

      <a name="tips">UsefulTips Section</a>

     <a href="#tips">Visit theUseful Tips Section</a>

 

 

html表单

1、表单使用表单标签（<form>）定义

2、文本域         <input type="text"name="firstname" />

3、单选按钮     <input type="radio"name="sex" value="male" /> Male

4、复选框         <input type="checkbox"name="car" />

5、下拉列表     <select> 和  <option> 预选值selected

6、文本域         <textarea>

7、表单提交     action 属性、提交方式 和 submit提交按钮

8、隐藏域         hidden属性

html图象

1、背景图片    background="eg_background.jpg">

2、排列图片     align属性 对齐方式：bottom   middle   top

3、调整图像尺寸     "height" 和 "width" 属性

4、替换文本       alt属性

5、制作图像链接        <a href="xxx"><imgsrc="xxx" /></a>

6、img图像映射     通过<img/>后添加<map>和<area>设置

html图象映射    点[]

<map>元素表明映射的开始，他只有一个name属性

<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。

 area元素的属性：

       shape：rectangle\poly\circle  映射区的形状

       coords：指定区域的坐标。

      href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"

       target：和<a>一样