這篇文章將為大家詳細(xì)講解有關(guān)HTML標(biāo)簽及基本元素有哪些,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司致力于
成都網(wǎng)站制作、成都網(wǎng)站建設(shè),成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化,推過(guò)標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本,并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付,讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇
創(chuàng)新互聯(lián)公司,就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)!
1.HTML中元素和標(biāo)簽
元素是由單個(gè)或一對(duì)標(biāo)簽定義的包含范圍。一個(gè)標(biāo)簽就是左右分別有一個(gè)小于號(hào)(<)和大于號(hào)(>)的字符串。開(kāi)始標(biāo)簽是指以不以斜杠(/)開(kāi)頭的標(biāo)簽,其內(nèi)是一串允許的屬性-值對(duì)。結(jié)束標(biāo)簽則是以一個(gè)斜杠(/)開(kāi)頭的標(biāo)簽。如:
連接 2.HTML元素的四種形式空元素
帶有屬性的空元素
帶有內(nèi)容的元素
連接帶有內(nèi)容和屬性的元素
連接綜上例子
代碼如下:
//起始符號(hào)。如果沒(méi)有瀏覽器也可以解析
//開(kāi)始文檔頭
My name is cauthy!//開(kāi)始文檔的標(biāo)題
//結(jié)束文檔的標(biāo)題
//結(jié)束文檔的頭部
//開(kāi)始文檔體
Hello World!//瀏覽器顯示的內(nèi)容
//結(jié)束文檔體
//結(jié)束HTML文檔
注:在HTML中,屬性和標(biāo)簽的大小寫無(wú)關(guān)。屬性值可以加雙引號(hào),也可以不加。
3.與段落控制相關(guān)的標(biāo)簽
表示paragraph,作用:創(chuàng)建一個(gè)段。屬性align表示段的對(duì)其方式,可以為leftright justify
表示linebreak 作用:換行
表示horizontal rule 作用:插入一條水平線,屬性表示顏色可以用read green也可以用16進(jìn)制的數(shù),如#ffoooo
代碼如下:
靜夜思
靜夜思
床前明月光,疑是地上霜。
舉頭望明月,低頭思故鄉(xiāng)。
//效果圖
4.與文本顯示相關(guān)的標(biāo)簽
…:使文本居中顯示
…:用于指出文檔的標(biāo)題,n是從1到6的整數(shù),1表示較大的標(biāo)題,屬性align表示標(biāo)題的對(duì)齊方式,可以為center,left right
…:用于設(shè)置字體,size表示字體大小,n可以是從1到7的整數(shù),數(shù)字越大,顯示的字越大。
…:設(shè)置文本成為粗體
…:設(shè)置文本為斜體
代碼如下:
靜夜思
靜夜思
李白
床前明月光,疑是地上霜。
舉頭望明月,低頭思故鄉(xiāng)。
5.如何輸入特殊字符
在HTML文檔中,像不間斷空格,回車等符號(hào),HTML的保留字,一些在鍵盤中不存在的字符,都需要引用的方式才能輸入,在HTML中有兩種引用類型:字符引用和實(shí)體引用。
字符引用和實(shí)體引用都是以一個(gè)&開(kāi)始并以一個(gè)分號(hào)(;)結(jié)束。如果用的是字符引用,需要在&之后加上一個(gè)#,之后是所需要字符的十進(jìn)制代碼或者十六進(jìn)制代碼(ISO 10646字符集中的字符的編碼)。如果用的是實(shí)體引用,在&之后寫上字符的助記符。
在HTML中空格可以用全角的空格去輸入。
6.HTML中的注釋
7.類表-建立數(shù)字編號(hào)的列表
使用
和- 標(biāo)簽創(chuàng)建帶數(shù)字編號(hào)的列表。可以用type屬性指定編號(hào)系統(tǒng)的類型,A(A,B,C),a(a,b,c),I(III III),i(i ii iii)1(1,2,3)缺省
在標(biāo)簽中使用start屬性,設(shè)置起始的序號(hào)。
在- 標(biāo)簽中使用value屬性,改變列表內(nèi)的編號(hào)順序。
使用和- 標(biāo)簽創(chuàng)建帶有項(xiàng)目符號(hào)的列表。Ul中的type屬性可以為,disc(實(shí)心的圓圈)square(實(shí)心的方塊)circle(空心的圓圈)
使用和- 標(biāo)簽創(chuàng)建無(wú)符號(hào)的列表,使用
- 標(biāo)簽替換
- 創(chuàng)建縮進(jìn)的列表。
在 元素中同時(shí)使用- 和
- 標(biāo)簽,建立術(shù)語(yǔ)列表。術(shù)語(yǔ)列表中的列表項(xiàng)由兩部分組成,術(shù)語(yǔ)和它的說(shuō)明。術(shù)語(yǔ)由
- 標(biāo)簽指定,說(shuō)明由
- 標(biāo)簽指定。
代碼如下:
- 數(shù)學(xué)
語(yǔ)文
- 物理
- 數(shù)學(xué)
- 語(yǔ)文
- 物理
- 化學(xué)
8.表格
表格是用
,其中border為表格的寬度,缺省為0,就是不顯示表格的寬度。
…:用于定義表格的標(biāo)題
…:屬性align指定這一行水平方向的對(duì)其方式,可以為leftcenter right .valign指定垂直方向的對(duì)齊方式,可以為top,middle,bottom
… | :用于定于表頭
… | :用于定義單元格
代碼如下:
表格
考試成績(jī)
語(yǔ)文 |
數(shù)學(xué) |
英語(yǔ) |
---|
80 |
70 |
60 |
60 |
70 |
80 |
9.表單的創(chuàng)建