溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下必知HTML基礎有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、必知HTML基礎-CSS教程系列
在學習CSS制作知識之前，我們必須需要認識的HTML什么基礎知識。
瀏覽器主要作用是瀏覽網頁作用，在DIV+CSS制作開發時候仍然是瀏覽我們制作開發重構網頁作用。瀏覽器可測試我們開發的CSS網頁兼容性、網頁效果、因開發疏忽導致錯誤等作用。
在CSS測試（CSS工具）里常用瀏覽器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、蘋果Safari、Opera主流瀏覽器。至于傲游、360瀏覽器因為他們使用你系統自帶的IE內核，所以不必考慮，只要支持你瀏覽器版本即支持類似這2款瀏覽器。
html是hypertext markup language的縮寫，即超文本標記語言。可以這樣理解，HTML文件是一定規則規律以html\htm等命名后綴名的文本文件。
與我們記事本區別，html文件里源代碼有一定規則語法的英文代碼。
HTML作用，通過一定html自身語法結構（html結構），顯示文字、圖片、動畫（flash）、視頻或音頻音樂。而CSS則是配合html實現漂亮的各式各樣的頁面內容。
Html擴展名、html源代碼、DOCTYPE、html結構、head標簽、charset
a、B(strong)：加粗
實例：<b>我被加粗</b>或<strong>我也被加粗</strong> 兩個加粗屬性相同、用法相同
CSS 加粗：http://www.億速云.com/rumen/r122.shtml
b、P：換行
實例：<p>我是第一段內容</p><p>我是第二段內容</p>
c、Br：提行
實例：我是第一排<br />我是第二排內容
P與br區別用法：http://www.億速云.com/html/h78.shtml
d、px：像素、長度寬度單位
實例：width:30px; 寬度30像素
了解像素單位：http://www.億速云.com/html/h89.shtml
e、ul、ol、li列表標簽
實例：
<ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> <ol> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ol>
兩個都是列表組，區別是ul為無序列表\OL為有序列表
更詳細css li介紹：http://www.億速云.com/shili/s31.shtml
f、div與span：都是html標簽
實例：<div>我占一行</div><span>我多長占多長位置</span>
兩者區別：DIV占用1整排，而SPAN所占位置是內容多少占用多長長度
DIV span區別：https://cache.yisu.com/upload/information/20220117/488/67043.jpg" />圖片標簽
h、dl dt dd：CSS的另類表格組合
實例：
| <dl> <dt>我是標題</dt> <dd>列表一</dd> <dd>列表二</dd> </dl> |
dl dt dd詳解：http://www.億速云.com/html/h88.shtml
j、title：標題標簽
實例：<title>標題</title>
特點，在一個網頁內只能使用一次（只能出現一次）
Title標簽：http://www.億速云.com/html/h224.shtml
以上為常見的html標簽及單詞，更多HTML標簽：http://www.億速云.com/html/h210.shtml
這里Html結構可用于每次新建制作網頁模板使用。
舊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>DIVCSS5標題</title> </head> <body> 具體網頁呈現內容 </body> </html> |
經過CSS教程網的DIVCSS5優化后的HTML結構（可用于每次新建HTML模板）：
| <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>標題</title> <meta name="keywords" content="關鍵字" /> <meta name="description" content="網頁描述" /> <link href="這里CSS文件引入地址" rel="stylesheet" type="text/css" /> </head> <body> 內容www.億速云.com提供 </body> </html> |
搞清楚html與CSS關系很重要，也是認識CSS基礎。
html與CSS關系解釋：HTML內放置顯示網頁要顯示的具體內容（圖片、文字、動畫等）而CSS是控制HTML內這些具體內容的怎么顯示、怎么排版、顏色、大小、寬度、高度、左右布局等顯示樣式。
以上是“必知HTML基礎有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
