html.day02

1.链接标签  a

<a href=”http://www.baidu.com”></a>
<img src=”aaa”/>　　

　　一般情况下：  来源  用 src     去往 用 href

　　背景音乐

<bgsound src=”xx.mp3”/>

　　1.链接的分类

　　　　链接可以分很多类。有以下几个

　　　　1.内部链接

　　　　　　主要用于站点内部文件的相互链接。

　　　　　　<a>链接</a>

　　　　2.外部链接

　　　　　　主要用于网络上的链接   格式要求 必须以 ： http:// 开头

　　　　　　例如： <a href=”http://www.baidu.com”>百度</a>

　　　　3.锚点链接　　　　　　

　　　　　　同一个页面的锚点链接  ：

　　　　　　2步走：

　　　　　　　　　　1. 先抛锚 ：把光标定位到要去往的地方，然后插入命名锚记，取好名称。

　　　　　　　　　　代码如下：

<p>5家族成员编辑<a name="home" id="home"></a></p>

　　　　　　　　　　2. 选择要点击的对象，在链接里面输入:    #+锚记名称  就可以了。

　　　　　　不同页面 的锚点链接

　　　　　　　　第一步 一样

　　　　　　　　第二步 几乎一样  不同的地方在于：

　　　　　　　　选择要点击的对象，在链接里面输入: 文件名称+#+锚记名称  就可以了

<a href="04 test.html#chang">长乐公主</a>

　　　　4.空链接#

<a href=”#”>三角</a>

　　　　5.JavaScript 链接

<a href=”javascript:void(0)”></a>   js 空链接

　　

　　关于链接的2个小地方：

　　1. 链接目标

　　　　target  链接目标

　　　　_blank  新窗口中打开链接

　　　　_self   当前窗口中打开  （默认的）

　　　　_parent  在父窗口中打开

　　　　_top   在顶窗口中打开     　　

　　　　例如： 在新窗口中打开页面的方法是：

<a href=”http://www.baidu.com” target=”_blank”> 百度 </a>

　　2. nofollow   seo 优化常用

　　　　rel=”nofollow”  就是让搜索引擎 不去爬这个链接

　　　　百度蜘蛛

　　　　作用： 就是一些不重要的链接 ，不让搜索引擎去爬链接。

　　　　网站后台   用户信息

2.列表　

　　在合适的地方用合适的标签

　　css+div      div越少越好  span  权重很低

　　span  div  ul   dl   table

　　列表分三类：

　　1.无序列表  （ul）

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

　　type  类型

　　disc  实心圆  circle  空心圆  square  方块

<ul type="square">
    <li>苹果</li>
    <li>橘子</li>
    <li>香蕉</li>
</ul>

　　2.有序列表  （ol）

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

　　3.自定义列表  （dl）

<dl>
    <dt></dt>  定义标题
    <dd></dd> 定义内容（主要对标题进行描述）
</dl>

3.表格  table 

标签	作用
<table>    </table>	表格
<tr>   </tr>	行
<td>  </td>	单元格
<th>   </th>	表头（行标题）

　　th  会让里面的文字 加粗  并且居中

　　bordercolor   边框颜色

　　cellspacing   间距 ： 单元格和单元格之间的距离

　　cellpadding   边距： 单元格内部内容和单元格边的距离

　　一般下：三参为0

　　border  cellspacing   cellpadding  都是0

　　我们已知  ：  align  水平居中

　　垂直居中  ： valign :  top(上)   bottom（下）   middle（居中）

　　1.细线表格

　　　　1. css  来做

　　　　2.巧妙运用 间距来做。

　　　　　　1. 先给大表格指定背景色 （红色）

　　　　　　2. 然后给行指定背景色（白色）

　　　　　　3. 最后给表格指定间距就ok了。

　　dw快捷键：

快键键	作用
ctrl+alt+i	插入图片
ctrl+alt+t	插入表格
ctrl+alt+f	插入flash

4.表单 form 　

　　表单 ： 收集用户信息 , 表单 和用户进行交互

　　1.文本框 表单

　　input  输入的  必须写的 是 type   text  文本的意思  所以是文本框

<input type=”text”/>
用户名：<input type="text" name="username"  />

　　2.密码框

<input type=”password” name=’pwd’/>
密　码：<input type="password" name="pwd" />

　　3.单选按钮

<input type=”radio” name=”sex”>

　　注意： 此时，name必须写  而且不管几个单选按钮，name必须一样（一组内）

　　4.复选框按钮

　　跟radio一样  还有就是 checked=“checked”

<input type=”checkbox” name=”know”>
<input type="checkbox"  name="know" checked="checked"/>   默认选中

　　5.下拉列表

<select name=”jg”>
    <option> 北京</option>
    <option> 上海</option>
    <option> 天津</option>
</select>

　　默认选中某一个 ： selected=“selected”  注意和单选复选不一样

　　案例如下：　　

<select name='jg'>
	<option>北京</option>
	<option>上海</option>
	<option>天津</option>
	<option selected="selected">山东</option>
</select>

　　6.提交按钮

<input type=”submit” value=”点击提交”>

　　value 控制按钮 上的文字

　　7.重置按钮

<input type=”reset” value=”再写一次”>

　　value 控制按钮 上的文字

　　8.文本域

<textarea>     </textarea>

　　rows  行数

　　cols   列数

　　9.普通按钮

<button>    </button>

　　10.图片按钮

<input type=”image”  src=”xx.jpg”/>

转载请注明出处