您好,登錄后才能下訂單哦!
這篇文章主要為大家詳細介紹了HTML的基礎知識,文中示例代碼和講解比較詳細,非常適合初學者入門,感興趣的小伙伴們可以參考一下。
HTML基本架構
HTML文件包括文件頭和文件體兩部分構成,一般情況下HTML文件的結構如下所示:
<html>
<head>
頭部信息
</head>
<body>
文件主體,正文部分
</body>
</html>
常用標簽<b>加粗的文字</b>
<i>傾斜的文字</i>
<del>刪除線</del>
<ins>插入線</ins>
<sub>作為下標的文字</sub>
<sup>作為上標的文字</sup>
<blockquote>需要進行縮進的文字</blockquote>
換行:<br>
段落:<p>一段文字</p> 段落上下空兩行<center>段落居中</center>
水平分割線:<hr>
在網頁中插入圖像:
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="寬度"
HEIGHT="高度" BORDER="邊框” ALIGN="對齊方式" >
超鏈接
在HTML中,創建超鏈接的標記是<A>。<A>標記是雙標記。以<A>開始,以</A>結束。<A>標記創建的鏈接能指向一個HTML頁面、一幅圖像、一個視頻文件等任何資源。
<A NAME="錨名稱" HREF="URL" TITLE="標題" TARGET="目標">超鏈接文字</A>
?超鏈接由以下五個重要組成部分:
?(1)在一個超鏈接里,最重要的部分是目標地址。當瀏覽者單擊該超鏈接時,會出現什么內容,全是由目標地址來決定的。
?(2)超鏈接的第二個重要部分是鏈接文字,這個文字的作用是讓瀏覽者看到并單擊。
?(3)超鏈接的第三個組成部分是標題。
?(4)超鏈接的第四個組成部分是目標窗口。
?(5)超鏈接的第五個組成部分是錨。
表格
<table width=“表格寬度” height=“表格高度”>
<tr>
<td>標題欄1</td>
<td>標題欄2</td>
</tr>
<tr>
<td>內容1</td>
<td>內容2</td>
</tr>
</table>
對齊
表格都是由行組成的,行也可以設置對齊方式。通過對行的對齊方式的設定,可以使表格更加整齊。表格行的對齊方式包括水平對齊方式和垂直對齊方式。
valign屬性可以設置行的垂直對齊方式,就是使行里面的內容都垂直對齊,其中默認為垂直居中對齊。
<table>
<tr valign="">
<td>表格內容</td>
</tr>
</table>
align屬性可以設置行的水平對齊,就是使行里面的內容都水平對齊,
其中默認為水平居左對齊。
<table>
<tr align="">
<td>表格內容</td>
</tr>
</table>
跨行與跨列
在一個表格里,有時候我們想設置的表格中,并不一定每行每列的行數和列數都是一樣的。這時候我們就需要進行行和列的合并.
跨列colspan:
<table>
<tr>
<td colspan=所跨的列數>表格的內容</td>
</tr>
</table>
跨行rowspan:
<table>
<tr>
<td rowspan=所跨的列數>表格的內容</td>
</tr>
</table>
關于HTML的基礎知識介紹就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。