1. 程式人生 > >HTML---經常使用標簽總結與實踐

HTML---經常使用標簽總結與實踐

ron 文件 itl code content color 內容 新的 table

什麽是HTML?

超文本標記語言,標準通用標記語言下的一個應用。

超文本就是指頁面內能夠包括圖片、鏈接,甚至音樂、程序等非文字元素。

超文本標記語言的結構包含部分(英語:Head)、和主體部分(英語:Body),當中部提供關於網頁的信息,主體部分提供網頁的詳細內容。

-----源於百度百科

也就是說。前臺的界面,包括文字、聲音、圖片等。是通過HTML這樣的語言來編寫的,在牛腩新聞公布系統中接觸過了整個Web系統的開發之後。對於HTML代碼與CSS+DIV的結合有了新的認識,通過這篇總結對於HTML的標簽做個簡單的認識。

一、元素and標簽and屬性

我相信非常多人學習完HTML不知道元素和標簽之間的差別是什麽,我也不知道。通過查詢資料。自己攻克了這個疑惑,分享給大家。

<html>
<head><title>這是標題</title></head>
    <body size=”12”>
	<p>HELLO WORLD!</p>
    </body>
</html>

元素:正如在高中化學學習中,元素二字即代表構成物質的組成最主要的單位。在這裏也是,HTML元素就是構成HTML文件的基本對象。就像上述代碼中:<p>HELLO WORLD!</p>就是元素,它構成了HTML的最基本單位。

標簽:就是<head>、<body>、<table>等被尖括號“<”和“>”包起來的對象。絕大部分的標簽都是成對出現的,如<table></talbe>、<form></form>。

當然還有少部分不是成對出現的,如<br>、<hr>等。

屬性:<body>標簽中。size=”12”這就是<body>部分的一個屬性,通常是在開始標簽中定義,且伴隨“=”成對出現。

二、經常使用標簽介紹

(1)與文字相關標簽

 <html>
    <head><title>靜夜思</title></head>
    <body>
        <!--這是一首詩-->
        <center>
            <h2><font color="red">靜夜思</font></h2>
                          <b>作者:李白</b>
            <hr color="blue">
            <p>
                <b><i><font color="green" size="3">
                    窗前明月光。疑是地上霜。<br>
                    舉頭望明月。低頭思故鄉。
                </font></i><b>
        </center>
    </body>
</html>

效果例如以下:

HTML---經常使用標簽總結與實踐