溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML的基礎(chǔ)知識介紹

發(fā)布時間:2020-06-03 17:33:18 來源:億速云 閱讀:292 作者:Leah 欄目:web開發(fā)

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

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

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

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

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

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

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

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

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

跨行與跨列
在一個表格里,有時候我們想設(shè)置的表格中,并不一定每行每列的行數(shù)和列數(shù)都是一樣的。這時候我們就需要進行行和列的合并.
跨列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ǔ)知識介紹就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI