html文字程式碼怎麼寫
- 綜合知識
- 關注:3.25W次
<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 檔案
● 開頭 提供檔案整體資訊 ● 一級標題標記 變粗變大加寬,程度與級數反比 ● 二級標題標記 將字型變粗變大加寬 ● 三級標題標記 將字型變粗變大加寬 ● 四級標題標記 將字型變粗變大加寬 ● 五級標題標記 將字型變粗變大加寬 ● 六級標題標記 將字型變粗變大加寬 ● 字形標記 設定字形、大小、顏色 反對 ○ 基準字形標記 設定所有字形、大小、顏色 反對 ● 字型加大 令字型稍為加大 ● 字型縮細 令字型稍為縮細 ● 畫線刪除 為字型加一刪除線 反對 ● 程式碼 字型稍為加寬如 ● 鍵盤字 字型稍為加寬,單一空白 ● 範例 字型稍為加寬如 ● 變數 斜體效果 ● 傳記引述 斜體效果 ● 引述文字區塊 縮排字型 ● 述語定義 斜體效果 ● 地址標記 斜體效果 ● 下標字 下標字 ● 上標字 指數(平方、立方等) 清單標記 ● 順序清單 清單專案將以數字、字母順序排列 ● 無序清單 清單專案將以圓點排列 ○ 清單專案 每一標記標示一項清單專案
● 三級標題標記 將字型變粗變大加寬 ● 四級標題標記 將字型變粗變大加寬 ● 五級標題標記 將字型變粗變大加寬 ● 六級標題標記 將字型變粗變大加寬 ● 字形標記 設定字形、大小、顏色 反對 ○ 基準字形標記 設定所有字形、大小、顏色 反對 ● 字型加大 令字型稍為加大 ● 字型縮細 令字型稍為縮細 ● 畫線刪除 為字型加一刪除線 反對 ● 程式碼 字型稍為加寬如 ● 鍵盤字 字型稍為加寬,單一空白 ● 範例 字型稍為加寬如 ● 變數 斜體效果 ● 傳記引述 斜體效果 ● 引述文字區塊 縮排字型 ● 述語定義 斜體效果 ● 地址標記 斜體效果 ● 下標字 下標字 ● 上標字 指數(平方、立方等) 清單標記 ● 順序清單 清單專案將以數字、字母順序排列 ● 無序清單 清單專案將以圓點排列 ○ 清單專案 每一標記標示一項清單專案
● 五級標題標記 將字型變粗變大加寬 ● 六級標題標記 將字型變粗變大加寬 ● 字形標記 設定字形、大小、顏色 反對 ○ 基準字形標記 設定所有字形、大小、顏色 反對 ● 字型加大 令字型稍為加大 ● 字型縮細 令字型稍為縮細 ● 畫線刪除 為字型加一刪除線 反對 ● 程式碼 字型稍為加寬如 ● 鍵盤字 字型稍為加寬,單一空白 ● 範例 字型稍為加寬如 ● 變數 斜體效果 ● 傳記引述 斜體效果 ● 引述文字區塊 縮排字型 ● 述語定義 斜體效果 ● 地址標記 斜體效果 ● 下標字 下標字 ● 上標字 指數(平方、立方等) 清單標記 ● 順序清單 清單專案將以數字、字母順序排列 ● 無序清單 清單專案將以圓點排列 ○ 清單專案 每一標記標示一項清單專案
● 程式碼 字型稍為加寬如 ● 鍵盤字 字型稍為加寬,單一空白 ● 範例 字型稍為加寬如 ● 變數 斜體效果 ● 傳記引述 斜體效果 ● 引述文字區塊 縮排字型 ● 述語定義 斜體效果 ● 地址標記 斜體效果 ● 下標字 下標字 ● 上標字 指數(平方、立方等) 清單標記 ● 順序清單 清單專案將以數字、字母順序排列 ● 無序清單 清單專案將以圓點排列 ○ 清單專案 每一標記標示一項清單專案