html學習 認識html

2022-05-15 20:10:49 字數 1459 閱讀 8674

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檔案基本結...