HTML學習筆記(一)

2021-08-18 21:59:54 字數 1885 閱讀 4653

h hyper t text m markup l language:超文字標記語言

網頁標記語法:

《標記名屬性名1=」值」 屬性名2=」值」…..>

一般修飾性標記都是成對出現的,有開始《標記名》有結束完整語法:

<

標記名屬性名

1=」值」

屬性名2=

」值」…

..>

被修飾的內容

標記特殊的功能性標記:比如換行,插入影象

<

標記名屬性名

1=」值」

屬性名2=

」值」…

../> 備註說明:在html5中可以省略/

網頁開發的準備工作:

1.    準備開發工具(ide),所有的文字開發工具都可以,一般都使用專用工具,如webstorm,

2.    準備瀏覽器

網頁的基本結構:

所有需要顯示給使用者看的內容都編寫在body中

設定網頁標題圖示:

圖示位址

" type="image/x-icon" rel="shortcut icon"/>

因為webstorm開發時網頁的具有一種特殊狀態(伺服器狀態,使用碟符的絕對位址無效,所有一般都使用相對位址)

常用的網頁標記:

標題標記:將被修飾的內容顯示為標題級別

所有的文字語言中內容都分為正文和標題

標記名:h,從h1~h6一共6個標題級別,數字越大字型越小

標題標題

標題說明:標題標記除字型加粗,字型大小改變。還具有換行功能

標題標記常用屬性:

屬性名:align

意義:用於設定標題標記的被修飾文字的水平對齊方式

值:left center right

換行標記:在出現該標記的地方開始換行功能

標記名:br

段落標記:將被修飾的內容顯示為乙個段落

標記名:p

被修飾的內容

常用屬性:

align:設定文字水平對齊方式,值:left center right

行:沒有任何間距

段落:預設具有段前間距

列表標記:分為有序和無序列表

標記名:ul和ol

注意:列表標記必須配合li(列表項標記)一起使用才有意義

列表項4

列表項5

列表項6

列表項7

常用屬性:

type:用於設定有序列表的編號型別和無序列表的符號樣子

ol預設是:type=」1」,值可以為a, i ,i

ul預設是:type=」disc」,值可以為:square(實心正方形)circle(空心圓)

標記名:a

該標記存在必須指定屬性

常用屬性:

1.     使用,在需要的地方定義錨點

插入影象標記:在需要插入影象的地方使用該標記

標記存在必須屬性

常用屬性:

width:設定影象的寬度,值為畫素值,px為單位的值,如:width=」100px」

height:設定影象的高度,值為畫素值,px為單位的值,如:height=」100px」

alt:用於設定影象未正常顯示是的提示文字

網頁中不識別文字編輯上的空格和換行,需要空格和換行必須使用標記來實現

計算機中

只識別英文符號,編輯**時一定是英文輸入法狀態

HTML學習筆記 一

1.什麼是html?html是用來描述網頁的一種語言。html指的是超文字標記語言,不是一種程式語言,而是一種標記語言 markup language 標記語言室一套標記標籤,html使用標記標籤來描述網頁。2.html標籤?html標記標籤通常被稱為html標籤 html tag html標籤通常...

HTML 學習筆記(一)

hello world html 標題 heading 是通過this is heading 4 this is heading 5 this is heading 6 請僅僅把標題標籤用於標題文字。不要僅僅為了產生粗體文字而使用它們。請使用其它標籤或 css 代替。html 段落是通過 標籤進行定...

html學習筆記(一)

1.html 標題 heading 是通過 等標籤進行定義的。2.html 段落是通過 標籤進行定義的 3.html 鏈結是通過 標籤進行定義的。4.html 影象是通過 5.換行標籤 6.document.write 可以寫html標籤,但是如果這個語句出現在函式中就會重寫頁面 7.style 指...