免費零基礎建站實戰課程新手建站教程_html基礎入門視頻教程

例演示視頻點擊進入：《2小時學會完美建站教程》

示：點擊上方"WEB網頁設計自學平臺"↑ 可以訂閱噢！

摘要 51RGB官方微信在學習CSS制作知識之前，我們必須需要認識的HTML什么基礎知識。

一、必知HTML基礎-CSS教程系列

搞清瀏覽器作用
搞清什么是HTML
html作用
html我們涉及哪些基礎知識
常見html單詞及單詞功能作用有哪些
html結構
html與CSS關系

1、搞清瀏覽器作用

瀏覽器主要作用是瀏覽網頁作用，在DIV+CSS制作開發時候仍然是瀏覽我們制作開發重構網頁作用。瀏覽器可測試我們開發的CSS網頁兼容性、網頁效果、因開發疏忽導致錯誤等作用。

在CSS測試（CSS工具）里常用瀏覽器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、蘋果Safari、Opera主流瀏覽器。至于傲游、360瀏覽器因為他們使用你系統自帶的IE內核，所以不必考慮，只要支持你瀏覽器版本即支持類似這2款瀏覽器

需要兼容瀏覽器有哪些？http://www.51rgb.com/css-tool/t86.shtml

2、搞清什么是HTML

html是hypertext markup language的縮寫，即超文本標記語言。可以這樣理解，HTML文件是一定規則規律以html\htm等命名后綴名的文本文件。

3、html作用

HTML作用，通過一定html自身語法結構（html結構），顯示文字、圖片、動畫（flash）、視頻或音頻音樂。而CSS則是配合html實現漂亮的各式各樣的頁面內容。

4、html我們涉及哪些基礎知識

Html擴展名、html源代碼、DOCTYPE、html結構、head標簽、charset

5、常見html單詞及單詞功能作用有哪些

a、B(strong)：加粗

b、P：換行實例：<p>我是第一段內容</p><p>我是第二段內容</p>

c、Br：提行實例：我是第一排<br />我是第二排內容

d、px：像素、長度寬度單位

實例：width:30px; 寬度30像素

e、ul、ol、li列表標簽實例：

<ul> 
<li>列表一</li> 
<li>列表二</li> 
<li>列表三</li> 
</ul> 
<ol> 
<li>列表一</li> 
<li>列表二</li> 
<li>列表三</li> 
</ol>

f、div與span：都是html標簽

實例：<div>我占一行</div><span>我多長占多長位置</span>

兩者區別：DIV占用1整排，而SPAN所占位置是內容多少占用多長長度

g、img：圖片引用標簽

<img src="/css-images/css-logo.gif" />圖片標簽

h、dl dt dd：CSS的另類表格組合

實例：

<dl>

</dl>

j、title：標題標簽

實例：<title>標題</title>

特點，在一個網頁內只能使用一次（只能出現一次）

6、html結構 - TOP

這里Html結構可用于每次新建制作網頁模板使用。

舊html結構：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>DIVCSS5標題</title>

</head>

<body>

具體網頁呈現內容

</body>

</html>

經過CSS教程網的DIVCSS5優化后的HTML結構（可用于每次新建HTML模板）：

<!DOCTYPE html>

<html>

內容www.divcss5.com提供

7、html與CSS關系 - TOP

搞清楚html與CSS關系很重要，也是認識CSS基礎。html與CSS關系解釋：HTML內放置顯示網頁要顯示的具體內容（圖片、文字、動畫等）而CSS是控制HTML內這些具體內容的怎么顯示、怎么排版、顏色、大小、寬度、高度、左右布局等顯示樣式。

以上7點是學習CSS的html基礎，可能還不完善，但是在以后運用的時候DIVCSS5會給大家詳細、本簡單CSS教程分為15節，此節DIV CSS教程以文字內容為主，以后會穿插更多實例和圖例、跟我做的內容希望對大家能有幫助。

在線咨詢

上一篇：老蝸牛：家庭影院（客廳影院）布線實戰攻略
下一篇：移動互聯時代，采用HTML5技術進行網站建設有哪些優勢？

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商