HTML基礎知識1

HTML基本架構
HTML文件包括文件頭和文件體兩部分構成,通常狀況下HTML文件的結構以下所示:html

<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>
在網頁中插入圖像:
<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屬性能夠設置行的垂直對齊方式,就是使行裏面的內容都垂直對齊,其中默認爲垂直居中對齊。ide

<table>
            <tr valign="">
                        <td>表格內容</td>
            </tr>
 </table>

align屬性能夠設置行的水平對齊,就是使行裏面的內容都水平對齊,
其中默認爲水平居左對齊。spa

<table>
                <tr align="">
                                <td>表格內容</td>
                </tr>
 </table>

跨行與跨列
在一個表格裏,有時候咱們想設置的表格中,並不必定每行每列的行數和列數都是同樣的。這時候咱們就須要進行行和列的合併.
跨列colspan:code

<table>
            <tr>
                    <td colspan=所跨的列數>表格的內容</td>
            </tr>
 </table>

跨行rowspan:視頻

<table>
            <tr>
                    <td rowspan=所跨的列數>表格的內容</td>
            </tr>
 </table>
相關文章
相關標籤/搜索