学习HTML(1)

HTML：

【1】boby的属性：

bgclor：页面背景色;text 文字颜色；topmargiog 上页边距；leftmargion 左页边距；rightmargion 右页边距；bottomargion 下页边距；background 背景壁纸

【2】格式控制标签：

控制字体：color="":颜色；face="":字体；size="":字体大小；

<b></b>:字体加粗；<i></i>：字体倾斜；<u></u>：下划线；<strong></strong>：字体加粗（强调，语气加强用）；

<center></center>：居中；<br></br>：相当于回车；&nbsp：表示空格（ctrl+shift+space）

【3】内容容器标签

<h1></h1>........<h6></h6>:标题（会自动换行）。｛HTML标题（heading）是通过<h1>--<h6>等标签进行定义的。｝

<p><p/>:段落标签（段落之间空行）；<div></div>:层标签（默认占一行）；<span></span>：层标签（默认有多大空间占多大空间）；

<ol type="1">（有序列表，序号为1，2，3...........，引号中可以更改序号形式)

</ol>｛上面的“ol”改为“ul”则为无序列表｝

“../”：表示上级目录；“./”:表示当前目录

相对路径：从当前页面开始寻找。绝对路径：从网站的根开始查找。“/”，代表网站的根。

HTML元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

【4】超链接标签：

<a href=“超链接地址” target（网页打开方式）=“blank”>超链接的文字</a>｛blank 是在新窗口打开｝

锚点：1、做锚点的标签。<a name=" "></a>

2、做锚点连接。<a herf="目标连接的name值"></a>

图片标签：{图标标签是单独出现的}

<img src=" 图片地址" alt=“文字” width=“” height=“”/>(高跟宽设置一个即可，显示图片会按比例缩放。

alt在图片无法加载时显示文字，还可帮助搜索引擎搜索)

【5】表格：

<table></table>表格

width :宽度。（可以用像素或百分比表示。常用960像素）

border：边框。（常用值0）

cellpadding：内容跟单元格之间的边距。（常用值为0）

cellspacing：单元格之间的边距。（常用值为0）

align：对其方式。

bgcolor：背景色。

background：背景图片。

<tr></tr> 行

align：一行内的内容的水平对齐方式。

valign：一行内的内容垂直对齐方式。

height：行高。 bgcolor：背景色。background：背景图片。

<td></td> 单元格

<th></th>：表头，单元格的内容自动居中、加粗。

align：单元格的内容的水平对齐方式。

valign：单元格的内容垂直对齐方式。

height：单元格高。 width：单元格宽度。bgcolor：背景色。background：背景图片。

网页版个人简历代码：

个人简历

姓名	性别	年龄
民族	籍贯	博客
健康状况	毕业院校	专业
教育经历
主修课程
获得证书
工作经历
自我评价

<body >
<font color="#FF0000">
<h1 align="center">个人简历</h1>
<table border="1" width="700" height="700" align="center" cellpadding="0" cellspacing="0">
<tr align="center" height="40">
   <td width="100">姓名</td>
   <td width="100"> </td>
   <td width="100">性别</td>
   <td width="100"> </td>
   <td width="100">年龄</td>
   <td width="100"> </td>
   <td  rowspan="3" width="100" valign="middle" ><img src="u=1007949980,1369995956&fm=23&gp=0.jpg" width="100" height="120"/></td>
</tr>
<tr align="center" height="40">
   <td width="100">民族</td>
   <td width="100"> </td>
   <td width="100">籍贯</td>
   <td width="100"> </td>
   <td width="100"><a href="http://www.cnblogs.com/jakeasd/">博客</a></td>
   <td width="100"> </td>  
</tr>
<tr align="center" height="40">
   <td width="100">健康状况</td>
   <td width="100"></td>
   <td width="100">毕业院校</td>
   <td width="100"></td>
   <td width="100">专业</td>
   <td width="100"></td>   
</tr>
<tr height="80" align="center" >
   <td width="100">教育<br />经历</td>
   <td width="100"colspan="6"></td>   
</tr>
<tr height="80" align="center">
   <td width="100">主修<br />课程</td>
   <td width="100"colspan="6"></td>
</tr>
<tr height="80" align="center">
   <td width="100">获得<br />证书<br /></td>
   <td width="100"colspan="6"></td>
</tr>
<tr height="80" align="center">
   <td width="100">工作<br/>经历</td>
   <td width="100"colspan="6"></td>
<tr height="140" align="center">
   <td width="100">自我<br />评价</td>
   <td width="100"colspan="6"></td>
</tr>
</table>
</font>
</body>