HTML的基礎(chǔ)知識(shí)介紹-創(chuàng)新互聯(lián)

這篇文章主要為大家詳細(xì)介紹了HTML的基礎(chǔ)知識(shí),文中示例代碼和講解比較詳細(xì),非常適合初學(xué)者入門,感興趣的小伙伴們可以參考一下。

白塔網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),白塔網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為白塔上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的白塔做網(wǎng)站的公司定做!

HTML基本架構(gòu)
HTML文件包括文件頭和文件體兩部分構(gòu)成,一般情況下HTML文件的結(jié)構(gòu)如下所示:

<html>
     <head>
     頭部信息
     </head>
     <body>
     文件主體,正文部分
     </body>
</html>

常用標(biāo)簽
&lt;b&gt;加粗的文字&lt;/b&gt;
<i&gt;傾斜的文字&lt;/i&gt;
&lt;del&gt;刪除線&lt;/del&gt;
&lt;ins&gt;插入線&lt;/ins&gt;
&lt;sub&gt;作為下標(biāo)的文字&lt;/sub&gt;
&lt;sup&gt;作為上標(biāo)的文字&lt;/sup&gt;
&lt;blockquote&gt;需要進(jìn)行縮進(jìn)的文字&lt;/blockquote&gt;
換行:<br>
段落:<p>一段文字</p>  段落上下空兩行
&lt;center&gt;段落居中&lt;/center&gt;
水平分割線:<hr>
在網(wǎng)頁(yè)中插入圖像:
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="寬度"
HEIGHT="高度" BORDER="邊框” ALIGN="對(duì)齊方式" >
超鏈接
在HTML中,創(chuàng)建超鏈接的標(biāo)記是<A>。<A>標(biāo)記是雙標(biāo)記。以<A>開始,以</A>結(jié)束。<A>標(biāo)記創(chuàng)建的鏈接能指向一個(gè)HTML頁(yè)面、一幅圖像、一個(gè)視頻文件等任何資源。
<A NAME="錨名稱" HREF="URL" TITLE="標(biāo)題" TARGET="目標(biāo)">超鏈接文字</A>
?超鏈接由以下五個(gè)重要組成部分:
?(1)在一個(gè)超鏈接里,最重要的部分是目標(biāo)地址。當(dāng)瀏覽者單擊該超鏈接時(shí),會(huì)出現(xiàn)什么內(nèi)容,全是由目標(biāo)地址來(lái)決定的。
?(2)超鏈接的第二個(gè)重要部分是鏈接文字,這個(gè)文字的作用是讓瀏覽者看到并單擊。
?(3)超鏈接的第三個(gè)組成部分是標(biāo)題。
?(4)超鏈接的第四個(gè)組成部分是目標(biāo)窗口。
?(5)超鏈接的第五個(gè)組成部分是錨。
表格

<table width=“表格寬度” height=“表格高度”>
       <tr>
           <td>標(biāo)題欄1</td>
           <td>標(biāo)題欄2</td>
       </tr>
       <tr>
           <td>內(nèi)容1</td>
           <td>內(nèi)容2</td>
       </tr>
</table>

對(duì)齊
表格都是由行組成的,行也可以設(shè)置對(duì)齊方式。通過(guò)對(duì)行的對(duì)齊方式的設(shè)定,可以使表格更加整齊。表格行的對(duì)齊方式包括水平對(duì)齊方式和垂直對(duì)齊方式。
valign屬性可以設(shè)置行的垂直對(duì)齊方式,就是使行里面的內(nèi)容都垂直對(duì)齊,其中默認(rèn)為垂直居中對(duì)齊。

 <table>
       <tr valign="">
             <td>表格內(nèi)容</td>
       </tr>
 </table>

align屬性可以設(shè)置行的水平對(duì)齊,就是使行里面的內(nèi)容都水平對(duì)齊,
其中默認(rèn)為水平居左對(duì)齊。

 <table>
         <tr align="">
                 <td>表格內(nèi)容</td>
         </tr>
 </table>

跨行與跨列
在一個(gè)表格里,有時(shí)候我們想設(shè)置的表格中,并不一定每行每列的行數(shù)和列數(shù)都是一樣的。這時(shí)候我們就需要進(jìn)行行和列的合并.
跨列colspan:

<table>
       <tr>
           <td colspan=所跨的列數(shù)>表格的內(nèi)容</td>
       </tr>
 </table>

跨行rowspan:

 <table>
       <tr>
           <td rowspan=所跨的列數(shù)>表格的內(nèi)容</td>
       </tr>
 </table>

關(guān)于HTML的基礎(chǔ)知識(shí)介紹就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)標(biāo)題:HTML的基礎(chǔ)知識(shí)介紹-創(chuàng)新互聯(lián)
本文URL:http://muchs.cn/article4/dsegie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、網(wǎng)站導(dǎo)航、網(wǎng)站維護(hù)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司服務(wù)器托管

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化