天天看點

Html基礎

Html

<body background="back_p_w_picpath.gif">

hello word

</body>

①<font size="+2"color="red" face="黑體">手機充值、國際電話預付卡/電話卡</font>—-将字型設為大二,顔色為紅色,字形為黑體

② 文字間的空格用 

Eg. 移動   |   100&nbsp  |  聯通

③ 版權” ©”   代碼為  ©

④ 文字的對齊方式用 align=”left/center/right”

Eg. <p align="center">淘寶集市歡迎您!</p>

<p align="left">淘寶網首屆翠友會!</p>

①圖檔對齊<b></b>

lign=”bottom/middle/top”——指檔案的底部/指、中間、頂部與文字對齊

Eg:&lt;IMG  align="middle" src="p_w_picpaths/adv_2.jpg" width="180" height="95" border="0" /&gt;請點選廣告進入明星專區&lt;BR&gt;

②圖檔中的alt=”**”——為圖檔不存在或是顯示出錯時的提示文字

4)文字布局

①&lt;hr&gt;的用法

Size=”5“設定厚度 width=”180”設定線的長度

Eg:  &lt;HR size="5" color="red" width="300"&gt;

      &lt;HR size="5"  color="#0000FF" width="50%"&gt;

②&lt;pre&gt;

pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留白格和換行符。而文本也會呈現為等寬字型。******是以不需要額外添加換行符

③&lt;ol&gt;用法 type=”1/a/circle”

設定有序的開始時什麼

④&lt;a href=”#id”&gt;新人上路指南&lt;/a&gt;

&lt;a name=”id”&gt;新人上路指南&lt;/a&gt;

-------當點選新人上路指南是會在頁面跳到&lt;a name=”id”&gt;新人上路指南&lt;/a&gt;

⑤&lt;marquee&gt;的使用

1.    scrolldelay="100"——設定延時

2.      direction="up"——設定移動方向

3.    onmouseover="this.stop()" onMouseOut="this.start()"——設定滑鼠放在上面的觸發事件

&lt;marquee scrolldelay="100"&gt;水準滾動&lt;/marquee&gt;

&lt;marquee  scrolldelay="100"   direction="up" onmouseover="this.stop()" onMouseOut="this.start()"&gt;

&lt;a href="#"&gt;

&lt;img src="../../6、滾動MARQUEE标簽/p_w_picpaths/scroll/1.gif" align="middle" /&gt;Avon化妝品&lt;/a&gt;&lt;br/&gt;

&lt;img src="../../6、滾動MARQUEE标簽/p_w_picpaths/scroll/1.gif" align="middle" /&gt; 雅詩蘭黛&lt;/a&gt;

&lt;/marquee&gt;

1)         跨行,跨列

Eg: &lt;tr&gt;

&lt;td  align="center"colspan="3"&gt;通信&lt;/td&gt;&lt;/tr&gt;

&lt;/tr&gt;

Eg :&lt;tr&gt;

&lt;td rowspan="2"&gt;移動&lt;/td&gt;

&lt;td&gt;聯通&lt;/td&gt;

&lt;td&gt;鐵通&lt;/td&gt;

&lt;tr&gt;

&lt;td&gt;惠普&lt;/td&gt;

&lt;td&gt;華碩&lt;/td&gt;