萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 通俗認識html

通俗認識html

  通過通俗的說法給大家介紹下html及html作用,與div css關系。

  什麼是HTML :http://./edu/2011/09-25/10681.html

  HTML頁面結構:http://./edu/2011/09-25/10682.html

  以上是基礎問題建議先看了以上2篇文章再看以下內容。

  html通俗定義

  通俗的講html是網頁,一個文本文件,可以使用記事本打開,打開後裡面有html自己的標簽(這些標簽各有各的功能),並有一定規律存在。

  首先html使用浏覽器打開,就能呈現你們的內容,而這些內容需要你放入特定的標簽裡。

  html結構 TOP

  先看一下最基本html結構:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
</body>
</html>

 

  html實例

  以上代碼可以直接拷貝,然後新建一個記事本,將代碼拷貝入內,並以“.html”擴展名命名(如:index.html)(擴展名顯示),保存這樣就新建一個完整html網頁,當然你使用浏覽器打開,什麼內容也沒有。

  假如你想顯示“divcss5-測試內容”,那你只需在中間打上字即可,完整代碼如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
divcss5-測試內容
</body>
</html>

 

  這樣使用浏覽器浏覽一下

  效果:

html網頁制作演示圖

  這樣內容就顯示了,這也是最基礎的演示-自己不妨試試制作自己第一個網頁。

  總結:

  如果我們要想浏覽器顯示什麼樣的文章文字內容,我們只需要將文字文章放入“”之間即可。

  也許你就會想了,那我看見很多網頁,都有圖片,各式各樣的文字,排版也各式各樣的又怎麼實現的呢?

  這裡那就告訴你,這個就是需要你真真切切一步一個腳印的自己學習的,這裡就會涉及到了CSS話題的引入。

  我們要想顯示自己設計的不同樣式漂亮的網頁,那就需要CSS來實現了。通過CSS設置網頁中對應區域的高、寬、背景、邊框、文字大小、文字顏色等來實現。

  如果你對CSS 網頁制作仍然感興趣,那就從DIVCSS5開始吧,如果上面的文章一遍看不懂,那就多看幾遍,多實踐即可。希望您能早日學習成功,同時DIVCSS5也開通了系統的CSS培訓(包括了從html到CSS的系統學習),不妨試試。

copyright © 萬盛學電腦網 all rights reserved