网页HTML部分

浏览数：18 / 时间：2015年06月09日

网页三部份内容：HTML CSS Javascript
路径：一般做网页的时候用的相对路径。
images/aaa.jpg 网页同一个目录中找images文件夹，再在images里面找aaa.jpg
images/1000/aaa.jpg 网页同一个目录中找images文件夹，再在images里面找1000文件夹，再在1000文件夹中找aaa.jpg
../images/aaa.jpg 找网页上一级文件，在网页上一级文件夹中找images文件夹，在images文件夹中找aaa.jpg
../../images/aaa.jpg 找网页上两级文件，在网页上两级文件夹中找images文件夹，在images文件夹中找aaa.jpg

一、body： bgcolor background topmargin rightmargin bottommargin leftmargin body以上的属性仅做了解。

二、标签：

（一）基本标签：

1.格式控制： <font face="字体名称" color="颜色" size="大小"></font> 字体

<u></u>下划线

<br>

转义：——需要记住

 ——空格

<——小于号 <

>——大于号 >

&——&

2.内容容器：

<h1></h1> ...<h6></h6> ——标题。默认情况下，加粗，独立一行

<p></p> ——段落。独立一段，默认情况下，段落前后都会有一行大小的空白。

<div></div>——区域标签，层标签。用来划分网页区域，进行页布局。前后换行。 <span></span>——区域标签，层标签。前后不换行。

<ul></ul>——无序列表标签。 <ol></ol>——有序列表标签。 <li></li>——列表项标签，用来放在ol或ul里面的。

（二）常用标签： 1. 超链接 <a href="超链接的路径" target="_blank">超链接显示的内容</a> 书签：第一步：定义书签 <a name="书签名">内容</a> 第二步：定义超链接 <a href="页面名#书签名">超链接文字</a>

2.图片 <img src="路径（相对）" width="" height="" />

3.图片超链接 <a href="超链接的路径"> <img src="图片路径"/> </a>

（三）表格：

bgcolor：背景色。

align：表格在页面中的对齐方式。

width:宽像素，百分比。

border：边框宽度

cellpadding：边距

cellspacing：间距

bgcolor：背景色

align：这一行中的文字的对齐方式

height:高度，一般是像素，也可设百分比。

bgcolor:背景色

align：水平对齐

valign：竖直对齐

width:宽

height:高

colspan：列的跨度。

rowspan：行的跨度。

注意：合并单元格的时候，一定要算好格好。

四）表单：
<form id="" name="" action="" method=""></form>
1.文本类
单行文本框：<input id="" name="" type="text" value="内容"/>
多行文本框：<textarea id="" name="" rows="行数" cols="列数">内容</textarea>
密码框：<input id="" name="" type="password" value="内容"/>
隐藏域：<input id="" name="" type="hidden" value="内容"/>
2.按钮类
普通按钮：<input id="" name="" type="button" value="按钮上的文字"/>
提交按钮：<input id="" name="" type="submit" value="按钮上的文字"/>
重置按钮：<input id="" name="" type="reset" value="按钮上的文字"/>
图片按钮：<input id="" name="" type="image" src="图片的路径" width="宽" height="高"/>
3.选择类
单选
复选
列表
文件