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 指...