HTML:Hyper Text Markup language 超文本標記語言HTTP:Hyper Text Transfer Protocol 超文本傳輸協(xié)議URL: Uniform Resource Location 統(tǒng)一資源定位符2.HTML入門

(1)為什么要學習HTML?" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML基礎(chǔ)知識

HTML基礎(chǔ)知識

時間:2023-08-29 19:54:02 | 來源:網(wǎng)站運營

時間:2023-08-29 19:54:02 來源:網(wǎng)站運營

HTML基礎(chǔ)知識:1.互聯(lián)網(wǎng)的三大基石

2.HTML入門

(1)為什么要學習HTML?

(2)什么是HTML:

3.HTML、CSS、JS之間的關(guān)系

Html是基礎(chǔ),是框架,可以完成基本的功能,相當于人的骨骼,但是不夠美觀。Css是血肉,豐富了html框架,使得界面更加的美觀,增加了靜態(tài)的展現(xiàn)。相當于給人增加了血肉。html是css的基礎(chǔ),但是又沒動態(tài)的效果,想加入動態(tài)的效果,就需要到j(luò)s了。Js是在css,和html基礎(chǔ)上面使得網(wǎng)頁增加動態(tài)結(jié)果,js相當于人的靈魂。

4.html中標題標簽常用的屬性

標簽屬性是h1-h6,是自動給顯示的內(nèi)容加粗加黑顯示。

!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--標題標簽會加粗加黑,會自動換行--> <h1 align="center">走進新時代</h1> <hr width="500px" color="red" align="center" size="3"/> <h2>走進新時代</h2> <h3>走進新時代</h3> <h4>走進新時代</h4> <h5>走進新時代</h5> <h6>走進新時代</h6> <!--p標簽不會輸出文本的格式--> <p> &nbsp;&nbsp;寶瓶州落魄山泥瓶巷陳皮皮,<br/>開山大弟子賠錢貨,崔東山, 大水怪周米粒。 </p> <!--pre會輸出文本的格式--> <pre>寶瓶州落魄山泥腿巷陳皮皮,開山大弟子賠錢貨,崔東山, 大水怪周米粒。</pre> </body></html>5.常用的列表標簽

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--圖片--> <img src="img/u=1345759728,698722148&fm=26&gp=0.jpg" /> <!--表格設(shè)置--> <table border="1px" cellpadding="20px" cellspacing="0px"> <tr height="100px" align="center"> <td width="100px" align="center">1</td> <td width="100px">2</td> <td width="100px">3</td> </tr> <tr height="100px"> <td>4</td> <td>5</td> <td>6</td> </tr> <tr height="100px"> <td>7</td> <td>8</td> <td>9</td> </tr> <tr height="100px"> <th>12</th> <th>12</th> <th>13</th> </tr> </table> </body></html>6.html中小標簽

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--the title lable h1-h6 is auto 加粗加黑,會自動換行--> <h1 align="center">走進新時代</h1> <hr width="500px" color="red" align="center" size="3"/> <!--u標簽是下劃線--> <h2><u>走進新時代</u></h2> <!--i標簽是斜體--> <h3><i>走進新時代</i></h3> <!--del加上刪除線--> <h4><del>走進新時代</del></h4> <!--dl跑馬燈--> <marquee direction="right" scrollamount="40px">陳皮皮</marquee> <p> &nbsp;&nbsp;寶瓶州落魄山泥瓶巷陳皮皮,<br/>開山大弟子賠錢貨,崔東山, 大水怪周米粒。 </p> <pre>寶瓶州落魄山泥腿巷陳皮皮,開山大弟子賠錢貨,崔東山, 大水怪周米粒。</pre> </body></html>7.HTML超鏈接標簽

<a>標簽,里面得href表示超鏈接得地址,name是該超鏈接得地址,target設(shè)置在網(wǎng)頁打開得方式。

8.HTML圖片標簽

9.HTML 表格標簽

10.html表單標簽

form是表單標簽,其中屬性Action表示表單提交的位置,method表示表單提交的方法。method有兩種方法一種是get,一種是post,最大的區(qū)別是get會將提交的內(nèi)容在url中顯示,二post提交的內(nèi)容不會url中顯示,所以post安全性更高一些。

<input>表示普通的文本框,value屬性表示文本框的值,type表示 文本框的類型,其中type為radio表示的單選框,其中跟著checked屬性的為默認選擇項;type為checkbox選項時為多項選擇框,value為要傳遞的值;當type為file時表示文件選擇框,當為hidden時候表示隱藏框,Select標簽為下拉式選擇框,其中value為傳遞的值,option為下拉選項中的值;當為submit時,表示提交按鈕,可以提交數(shù)據(jù),為reset時清空已經(jīng)寫好的內(nèi)容,為button時普通的按鈕,沒有提交數(shù)據(jù)的功能.<textarea>是多行文本框,row表示文本框的行數(shù),colw表示多行文本框的列數(shù)。

<form> <!--the plain text box--> The Account:<input type="text" name="account"/> <br/> The Password:<input type="paswword" name="pwd" value="123" /><br /> <!--the gender box--> boy:<input type="radio" name="sex" /> girl:<input type="radio" name="sex" /><br /> <!--the Multiple selection basket --> play basketball:<input type="checkbox" /> smoking :<input type="checkbox" /> reading:<input type="checkbox" /><br /> <!--the multiple text box--> Introduce to yourself:<textarea rows="12" cols="12"></textarea><br /> <!--select the fiel bottom--> <input type="file" name="fiel"/> <!-- --> <select> <option> ameiacan </option> <option> cbj e</option> </select> </form>11.ifram標簽的作用

Ifram可以將一個html文件在一個html頁面打開,可以重復(fù)的在一個窗口打開不同的xml文件。

12.div的作用

Div本身沒有任何意義,它可以將網(wǎng)頁進行模塊化的劃分。





關(guān)鍵詞:知識,基礎(chǔ)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉