溫馨提示×

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

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

HTML基礎(chǔ)知識(shí)1

發(fā)布時(shí)間:2020-09-18 15:06:03 來源:網(wǎng)絡(luò) 閱讀:282 作者:縱馬且長(zhǎng)歌 欄目:web開發(fā)

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)地址來決定的。
?(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ì)齊方式。通過對(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>
向AI問一下細(xì)節(jié)

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

AI