Html

1.1          Html基础一

1）一张图片为背景

<body background="back_p_w_picpath.gif">

hello word

</body>

2）设置字体

①<font size="+2"color="red" face="黑体">手机充值、IP卡/电话卡</font>—-将字体设为大二，颜色为红色，字形为黑体

② 文字间的空格用&nbsp;

Eg. 移动 &nbsp; | &nbsp; 100&nbsp  |  联通

③ 版权” ©”   代码为  &copy;

④ 文字的对齐方式用 align=”left/center/right”

Eg. <p align="center">淘宝集市欢迎您！</p>

<p align="left">淘宝网首届翠友会！</p>

3）图片对齐

①图片对齐

lign=”bottom/middle/top”——指文件的底部/指、中间、顶部与文字对齐

Eg:<IMG  align="middle" src="p_w_picpaths/adv_2.jpg" width="180" height="95" border="0" />请点击广告进入明星专区<BR>

②图片中的alt=”**”——为图片不存在或是显示出错时的提示文字

4）文字布局

①<hr>的用法

Size=”5“设置厚度 width=”180”设置线的长度

Eg:  <HR size="5" color="red" width="300">

      <HR size="5"  color="#0000FF" width="50%">

②<pre>

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。******所以不需要额外添加换行符

③<ol>用法 type=”1/a/circle”

设置有序的开始时什么

④<a href=”#id”>新人上路指南</a>

<a name=”id”>新人上路指南</a>

-------当点击新人上路指南是会在页面跳到<a name=”id”>新人上路指南</a>

处

⑤<marquee>的使用

1.    scrolldelay="100"——设置延时

2.      direction="up"——设置移动方向

3.    οnmοuseοver="this.stop()" onMouseOut="this.start()"——设置鼠标放在上面的触发事件

<marquee scrolldelay="100">水平滚动</marquee>

<marquee  scrolldelay="100"   direction="up" οnmοuseοver="this.stop()" onMouseOut="this.start()">

<a href="#">

<img src="../../6、滚动MARQUEE标签/p_w_picpaths/scroll/1.gif" align="middle" />Avon化妆品</a><br/>

<a href="#">

<img src="../../6、滚动MARQUEE标签/p_w_picpaths/scroll/1.gif" align="middle" /> 雅诗兰黛</a>

</marquee>

 

 

1.2          Html 基础子表格

1）         跨行，跨列

Eg: <tr>

<td  align="center"colspan="3">通信</td></tr>

</tr>

Eg :<tr>

<td rowspan="2">移动</td>

<td>联通</td>

<td>铁通</td>

</tr>

 

<tr>

<td>惠普</td>

<td>华硕</td>

</tr>