<body><p align="center"><Font face="黑體" size="7" color="black"<s>Michael Buble<s></font></p></body>
“<Font ” 沒有結束符號“>” ,"<s>;"也是沒有結束</s>
正確的該是:
<body><p align="center"><Font face="黑體" size="7" color="black"><s>Michael Buble</s></font></p></body>
<p>;是一個塊級元素,要求要有</p>;與之對應,一般用來標記一個文字段落內容。而<br />; 就比較特別它不是一個塊元素也不能算作是行內元素,它就僅僅是一個轉行符號,不需要成對的結束符號,它自己本身就結束了,<br />; 注意最後的那處“/”。至於什麼是塊元素,什麼是行元素,你學了CSS就瞭解了,簡單的說塊元素你可以用padding 來描述內容間距,而行元素則沒有任何效果例如<span>。
2. 請教個網頁文字代碼<html>
<title>;字的代碼</title>
<body>
<font size=10 face="幼圓" color=ff00ff>
我會做網頁了
</font>
<br>
<br>
<br>
<br>
<a href= >
呵呵,這是最簡單的了.這些標籤,建議你到.cn網站去學習下
3. html代碼怎麼寫<html>
<head>
<title></title>
<style>
#sa{color:red; font-style:italic; }
</style>
</head>
<body>
<ol>
<li>5</li>
<li id="sa">6</li>
<li>7</li>
</ol>
</body>
</html>
4. 隨鼠標移動的文字HTML的代碼怎麼寫用Javascript製作鼠標移動跟隨 我們常在一些網站中看到,鼠標在網頁上移到時,有一行文字、一張小圖片或一個小動畫總是跟着鼠標,除非把鼠標移出頁面,否則,它就總是緊跟鼠標不放。
你知道這種效果是怎麼做出來的嗎?你可能感到比較複雜。其實它是用Javascript編一段小程序來實現的,且程序也不長,也比較好理解。
下面讓我們來揭下它的面紗看看。 程序思路:圖層可以用絕對座標來確定其在頁面中的位置,那麼我們把圖片、動畫或文字放到圖層上,再想辦法動態獲取鼠標的當前位置,再把圖層移到鼠標的當前位置,那圖層上的內容(圖片、動畫或文字)不也就移到當前鼠標的位置了嗎?這樣就達到了圖片、動畫或文字隨鼠移動的目的了。
一、一個簡單的圖片、動畫或文字隨鼠標移動的例子 製作方法: 1、在 Dreamweaver3中,插入一個圖層,在圖層上寫上要跟隨鼠標移到的文字或圖片。 2、在圖層的屬性面板上把“Layer ID”(圖層的ID號)改爲“div1”,以便程序操作;“T”值改爲“-50”,使其初始位置在頁面外;“Z-index”(層序號)值改爲“50”,使其在最上層,不被其它層遮蓋。
完成後的圖層代碼如下,不是使用 Dreamweaver的網友可把代碼複製到<body>;標記的後面:<div id="div1" style=" width:60px;"50"><img src="image/0050.gif" width="32" height="32">;圖、文跟鼠標試驗</div>; ,這裏的圖片和文字可換成你所需要的。 3、在<head>;與</head>;之間加上這樣一段程序:<SCRIPT language="javascript"><!--var x,y; //聲明存放當前鼠標位置座標的變量var can=0 //聲明能否移動的控制變量function canmove() { //控制能否移動的函數x=document.body.scrollLeft+event.clientX; //獲取當前鼠標位置的X座標y=document.body.scrollTop+event.clientY; //獲取當前鼠標位置的Y座標can=1;} //設定爲可以移動function move() { //移動圖層的函數if (can) {div1.style.posLeft=x+20; //設定圖層位置的X座標div1.style.posTop=y;} // 設定圖層位置的Y座標setTimeout("move()",30)} //每30毫秒重新載入一次圖層位置座標--></SCRIPT>; 只要這幾行代碼就能使圖片或文字跟着鼠標跑,有點出乎意料吧!事實就是這麼簡單。
當然,這是最簡單的一種,你可能看到的有些網頁上的效果在移動的過程比這要複雜一些,但都是在這個基礎上增加一些移動的變化過程而已。 4、當然要使真正的效果出現,還得在<body>;標記中加上觸發事件調用程序,使程序動作起來。
在<body>;標記中加上代碼:onload="move()" onm ousemove="canmove()",前一個函數的作用是在網頁加載時就調用“move()”程序,使其開始重新載入圖層的位置座標;後一個事件的作用是,一旦在頁面上移動鼠標,就重新計算它的位置座標。 二、稍複雜一點的效果 在上例的基礎上稍作一些改動,可獲得更好的效果,如使“歡迎光臨!”這幾個字不僅是分開移動,在移到新位置後,還不停地左右移動,似乎在列隊歡迎。
要實現移動過程的變化,就要把每個文字分開,一個圖層放一個字(或一張圖片),然後分開移動到新的位置。所以爲了方便,用數組來存放圖層的位置座標。
另外,由於圖層較多,插入圖層比較麻煩,也會使代碼大增加,因此採用了動態編寫圖層代碼的辦法。製作方法如下: 1、在<head>;與</head>;之間插入下面這段程序:<SCRIPT language="javascript"><!--var x,yvar step=20var can=0var information="歡迎光臨!"; //在這裏寫入跟隨鼠標移動的文字information=information.split(""); //把字元串拆分成單個的文字Il=information.length; //獲取字元的個數,存放在Il變量中k=0;var xpos=new Array() //聲明一個數組,存放各圖層的X位置座標for (i=0;i<=Il-1;i++){ //給數組賦初值xpos[i]=-50}var ypos=new Array() //聲明一個數組,存放各圖層的Y位置座標for (i=0;i<=Il-1;i++){ //給數組賦初值ypos[i]=-50}function canmove() {x=document.body.scrollLeft+event.clientX;y=document.body.scrollTop+event.clientY;can=1; k=0;step=20}function move() {if (can) {k++;if (k<20) {step++;}elseif (k<40) {step--;}else {k=0;} //計算圖層左右移動的偏移量for (i=Il-1;i>=1;i--){ //計算各圖層在新位置的X、Y座標xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1]}xpos[0]=x+step;ypos[0]=yfor (i=0;i<Il-1;i++){ //改變各圖層位置的X、Y座標,使其移到新的位置var thisdiv=eval("div"+(i)+".style");thisdiv.posLeft=xpos[i];thisdiv.posTop=ypos[i]}}setTimeout("move()",30)} //每30秒重新載入一次--></SCRIPT> 2、在<body>;標記的後面加上這段程序:<script language="Javascript"><!--for (i=0;i<=Il-1;i++){document.write("<div id='div"+i+"' style=' color: #0000FF;'>"+information[i]+"</div>");}--></script>; 這段程序的作用是動態自動編寫存放移動文字圖層的HTML代碼,並把相應。
5. 誰能幫我編寫個文字移動html代碼<style type="text/css">
a{font-size:12px;color:#F00;margin:30px;}
a:link, a:visited{text-decoration:none;}
a:hover {text-decoration:underline;}
</style>
<body>
<table width="800px" height="30" border="1" cellpadding="0" cellspacing="0" bordercolor="#666666">
<tr>
<td><Marquee direction=left onm ouseover=this.stop() onm ouseout=this.start() scrollamount=3 scrollDelay=4 width=800 Height=20>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
<img src="arrow_right.gif" ><a href="#" title="呵呵呵呵呵呵呵呵呵呵" target="_blank" style="color:#F00;">;呵呵呵呵</a>
</Marquee></td>
</tr>
</table>
</body>
6. 文字和圖片居中的HTML代碼怎麼寫我們直接對body 設定CSS樣式:text-align:center1、完整HTML實例代碼:
<!DOCTYPE html>
<html xmlns="">
<head>
<meta charset="gb2312" />
<title>W3Cschool居中實例</title>
<style>
body{text-align:center}
</style>
</head>
<body>
W3Cschool會被居中
</body>
</html>
7. html中改變字型顏色的代碼怎麼寫在HTML中font標籤即可對字型內容設定顏色。
1、font語法:
<font color="#FF0000">;我是紅色字型</font>;首先font是一對常規標籤,將字型文字內容放入標籤內,font標籤內設定color顏色+對應顏色值即可設定font標籤對象內字型顏色。
2、html font設定字型顏色實例完整代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字型顏色在線實例 DIVCSS5</title>
</head>
<body>
<font color="#FF0000">;我是紅色字型</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">;你好</font></td>
<td>DIVCSS5</td>
</tr>
</table>
</body>
</html>
8. HTML文字居中怎麼寫1、如果這排文字放在table裏,這樣寫:
<table>
<td align="center"> <;!--讓td中的內容居中-->
<a href="連結到那裏">;連結字</a>
</td>
</table>
2、在css裏給這排文字定義一個類爲footer,如下:
首先在<head></head>;中設定css:
<style type="text/css">
.footer{
text-align:center //設定最下排文字居中顯示
</style>
然後在body裏插入footer(最下排的字)類的div:
<div class="footer">
<a href="連結地址">;服務條款</a>
|
<a href="連結地址">;廣告服務</a>
|
<a href="連接地址">;商務洽談</a>
|
……(同上)
</div>
9. 關於HTML語言的寫法html語言很簡單! 你可以在先在dreamweaver中學習,可視化編輯,點代碼後你就可以看到html語言了其主要標記爲 標記 類型 譯名或意義 作 用 備註 檔案標記 ● 檔案聲明 讓瀏覽器知道這是 HTML 檔案
● 開頭 提供檔案整體資訊 ● 程式碼 字型稍爲加寬如 ● 鍵盤字 字型稍爲加寬,單一空白 ● 範例 字型稍爲加寬如 ● 變數 斜體效果 ● 傳記引述 斜體效果 ● 引述文字區塊 縮排字型 ● 述語定義 斜體效果 ● 地址標記 斜體效果 ● 下標字 下標字 ● 上標字 指數(平方、立方等) 清單標記 ● 順序清單 清單項目將以數字、字母順序排列 ● 無序清單 清單項目將以圓點排列 ○ 清單項目 每一標記標示一項清單項目