1、html骨架
----根標籤
---主體標籤
2、html主要是表現網頁中的元素(內容)
a、html標籤:
雙標籤 《標籤名》單標籤 《標籤名 />
b、標籤的相互關係:
巢狀關係(父子、孫子)---子元素最好縮排乙個tab
並列關係(兄弟)--對齊就行
3、開發工具
sublime、webstorm、vscode
4、---文件型別
告訴我們和瀏覽器我們使用的是哪個html版本,html有很多版本
比較早的有html:xt
我們目前都用的html: 5更簡潔些,
5、字符集 告訴瀏覽器使用的字符集
utf-8 最大的字符集 幾乎包含了所有國家用到的字元,使用後避免出現字符集不統一而引起的亂碼問題
6、標籤的語義化
7、排版標籤:
標題標籤(h1-h6)、段落標籤(p)、水平線()、換行標籤(
)div 、span標籤(2布局標籤無語義是重點)
8、文字格式化標籤:
10、鏈結標籤
屬性:href(去往的路徑 必需寫屬性)、target=「_blank」 target="_self"(預設)
步驟:eg:
主要內容
錨點12、base標籤
單標籤:img br hr base
13、相對路徑
相對路徑:
a.同一級路徑(./) xx.jpg
b.下一級路徑 xx/xx.jpg
c.上一級路徑(../) ../xx.jpg
絕對路徑:
b.複製位址
14、列表標籤
a.無序列表: ul>li
注意事項 :ul裡只能放置li標籤;li標籤相當於乙個容器,裡面可以放置所有的元素;無序列表有一些預設的樣式用css搞定。
b.有序列表:ol>li
注意事項 :ol裡只能放置li標籤;li標籤相當於乙個容器,裡面可以放置所有的元素;有序列表有一些預設的樣式用css搞定。
c.自定義列表:dl>dt+dd (dd是圍繞dt來解釋的,dd可以寫多個)
常用如下:
前端學習 認識HTML
由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.什麼是html 2.html的作用 注意點 3.html固定格式 如圖,html的固定格式如上。下面我一一解釋每行 的意思 由於html有很多版本的規範,每個版本的規範之間又有一定的差異,為了讓瀏...
HTML初步認識
html的全稱叫超文字標記語言 hypertext markup language 是網頁的文字格式,網頁文字格式還有php,jsp,asp等,html是最基本的網頁檔案格式。1.1 純文字 建立乙個1.doc 檔案,1 叫做檔名,doc 叫做檔案拓展名,拓展名表示檔案的型別。不同的拓展名 檔案 j...
Html介紹,認識html檔案基本結構
乙個html檔案的基本機構如下 講解如下 1.稱之為根標籤,所有的網頁標籤都是在它們中間的。2.標籤用於定義文件的頭部,它是頭部元素的容器。頭部元素包含有 等標籤。3.在和標籤之間的內容是網頁的主體內容,如 等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中展示。整體 如下展示 認識html檔案基本結...