學習 html 最好的方式就是邊學邊做實驗。我們為您準備了很好的 html 編輯器。使用這個編輯器,您可以任意編輯一段 html 原始碼,然後單擊 tiy 按鈕來檢視結果。
乙個簡單的 html 檔案
這個例子是乙個很簡單的 html 檔案,使用了盡可能少的
html 標籤。它向您演示了 body 元素中的內容是如何被瀏覽器顯示的。
簡單的段落
此例演示:段落元素中的文字如何被瀏覽器顯示。
(您可以在頁面的底部找到更多例項)
標題使用this is a heading
this is a heading
this is a heading
html 會自動在標題前後新增乙個額外的折行。
段落使用 標籤進行定義。
this is a paragraphhtml 會自動在段落前後新增乙個額外的空行。this is another paragraph
您可能注意到了,在編寫段落時可以不帶有
標籤:
this is a paragraph上面的例子在大多數瀏覽器中都可以工作,但是不要依賴這種做法。html 未來的版本不允許省略任何結束標籤。this is another paragraph
通過結束標籤來關閉 html 是一種經得起未來考驗的 html 編寫方法。清楚地標記某個元素在何處開始,並在何處結束,不論對您還是對瀏覽器來說,都會使**更容易理解。
當你打算結束一行,而又不想開始乙個新段落時,
標籤就派上用場了。無論你將它置於何處,
標籤都會產生乙個強制的換行。
thisis a para
graph with line breaks
標籤是空白標籤,由於關閉標籤沒有任何意義,因此它沒有類似
的終止標籤。
您會越來越多地發現
與 很相似。
由於 沒有結束標籤,它也就違反了未來的 html 的規則之一,即所有的元素都必須關閉。
把這個標籤寫為
是經得起未來考驗的做法,xhtml 和 xml 都接受在開啟的標籤內部來關閉標籤的做法。
注釋標籤用於在 html 原始碼中插入注釋。注釋會被瀏覽器忽略。您可以使用注釋對您的**進行解釋,這麼做在以後的日子裡會對您的**編輯產生幫助。
注意:左括號後需要寫乙個驚嘆號,右括號前就不需要了。當您寫 html 文字的時候,你永遠也沒法確定這些文字在另一台顯示器上是如何顯示的。一些人使用大顯示器,而另一些使用小的。當使用者調整視窗的解析度時,這些文字就會被重新格式化。所以不要通過在文字中新增空行和空格的辦法在你的編輯器中格式化文字。
html 會裁掉文字中所有的空格。任何數量的空格都被按乙個空格計數。另外,在 html 中,乙個空行也被當作乙個空格。
使用空的段落標記 去插入乙個空行是個壞習慣。用
標籤代替它!(但是不要用
標籤去建立列表。不要著急,您將在稍後的篇幅學習到 html 列表。)
您也許已經注意到了,在沒有結束標籤
的情況下,標籤依然可以正常工作。不過不要這樣做!下乙個版本的 html 將不允許忽略任何的結束標籤。
html 會自動地在某些元素前後新增乙個額外的空行,比如段落、標題元素前後。
使用水平線 (標籤) 來分隔文章中的小節是乙個辦法(但並不是唯一的辦法)。
更多的段落
本例演示段落元素的某些預設的行為。
「詩歌」問題
本例演示 html 格式化的某些問題。
折行本例演示在 html 文件中折行的使用。
標題本例演示在 html 文件中顯示標題的標籤。
水平線本例演示如何插入水平線。
隱藏的注釋
本例演示如何在 html 源**中插入隱藏的注釋。
標籤描述
定義 html 文件。
定義文件的主體。
to 定義標題 1 至標題 6。
定義段落。
插入折行。
定義水平線。
定義注釋。
html常用的基本標籤
1 文件型別宣告,讓瀏覽器按照html標準對 進行解釋與執行 文件型別宣告必不可少,而且,必須在文件最上方 如果不寫文件型別宣告,瀏覽器將會預設的相容模式執行,可能會出現不明bug。2 head標籤主要放置一些關於網頁設計的相關語句 3 設定網頁的字符集編碼格式 常見gb2312 簡體中文編碼格式 ...
HTML最基本的頁面
前面的文章簡單的介紹了一些html標籤,當然只是html標籤中的一小部分 這篇文章簡單介紹一下html的大體頁面結構 儘管現在網頁變得越來越複雜,但是最基本的底層結構沒有發生變化,還是相對簡單 乙個網頁包含以下 1 文字內容 2 對其他檔案的引用 3 標記 對文字內容進行表述以及確保引用正確應用 每...
html的基本基本骨架以及常用標籤
關於html 1 html 全稱 超文字編輯語言 hypertext markup language 2 語法 各種標籤或標記組成 標籤名 dtd 文件型別宣告 h5 告訴瀏覽器其為乙個html頁面 語言為英語 this is a first page body一般放網頁真正顯示的內容 型別宣告4 ...