一、html5 基本結構 (新建乙個html檔案時預設有那些**)
命名文件型別1、檔案命名規則:用英文,不用中文說明我們寫的是標記語言檔案主體(所有要寫的內容)
名稱全部用小寫英文本母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文本母開頭。
二、 html基本語法
1、《常規標記》
《標記 屬性=「屬性值」 屬性=「屬性值」>
說明:1.寫在<>中的第乙個單詞叫做標記,標籤,元素。
2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在「」號內。
3.乙個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。
4.空標記沒有結束標籤,用「/」代替。
三、 xhtml常用標記
1)文字標題(h1-h6)
(header1~header6 )
...六級標題
四、正文有兩種形式(段落文字和文字列表)
2) 段落(p)(paragraph)
段落文字內容
標識乙個段落(段落與段落之間有段間距)
3)空格 ( )
(所佔位置沒有乙個確定的值,這與當前字型字型大小都有關係.
4)加粗
加粗有兩個標記
1.加粗內容
2.加粗內容
5)傾斜
傾斜標記
1.(emphasized )
2,( italic )
6) 換行(br) (break)
換行是乙個空標記(強制換行)
7)水平線
空標記(horizontal rule)
8)列表(ul,ol,dl)
html中有三種列表,分別是:無序列表,有序列表,自定義列表
*無序列表
無序列表組成:
*有序列表
有序列表組成:
(ordered list)
......
擴充套件內容
有序列表的屬性
type:規定列表中的列表專案的專案符號的型別
語法:1 數字順序的有序列表(預設值)(1, 2, 3, 4)。
a 字母順序的有序列表,小寫(a, b, c, d)。
a 字母順序的有序列表,大寫(a,b,c,d)
i 羅馬數字,小寫(i, ii, iii, iv)。
i 羅馬數字,大寫(i, ii, iii, iv)。
start 屬性規定有序列表的開始點。
語法:*自定義列表
(definition list)
名詞解釋 (definition description 定義描述)
......
9)插入
注:所要插入的的必須放在站點下
*相對路徑的寫法:
1)當當前檔案與目標檔案在同一目錄下,直接書寫目標檔案檔名+副檔名;
2)當當前檔案與目標檔案所處的資料夾在同一目錄下,寫法如下:
資料夾名/目標檔案全稱+副檔名;
3)當當前檔案所處的資料夾和目標檔案所處的資料夾在同一目錄下,寫法如下:
../目標檔案所處資料夾名/目標檔案檔名+副檔名
title的作用: 在你滑鼠懸停在該上時顯示乙個小提示,滑鼠離開就沒有了,html的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的.
alt的作用:alt屬性是在你的因為某種原因不能載入時在頁面顯示的提示資訊,它會直接輸出在原本載入的地方。
10)超連結的應用
語法:鏈結文字/
空鏈結屬性:target:頁面開啟方式,預設屬性值_self。
屬性值:_blank 新視窗開啟
新視窗開啟
11) 資料**的作用及組成
作用:顯示資料
**的組成:
注:乙個tr表示一行;乙個td表示一列(乙個單元格)
*資料**的相關屬性
1)width="**的寬度"
2)height="**的高度"
3)border="**的邊框"
4)bgcolor="**的背景色"
5)cellspacing="單元格與單元格之間的間距"
6)cellpadding="單元格與內容之間的空隙"
7)水平對齊方式:align="left/center/right";
8)合併單元格屬性:
colspan="所要合併的單元格的列數"合併列;
一行一行 一行
rowspan="所要合併單元格的行數"合併行;
一行 一行
一行12) 表單的應用
表單的作用:用來收集使用者的資訊的;
表單的組成:
表單域表單控制項
提示資訊
1、表單框
1)文字框
2)密碼框
3)提交按鈕
4)重置按鈕
5)單選框/單選按鈕
單選按鈕裡的name屬性必須寫,同一組單選按鈕的name屬性值必須一樣。
checked="checked"(預設選中;)
disabled="disabled"禁用
6)核取方塊
(disabled="disabled" :禁用)
(checked="checked" :預設選中)
7)下拉列表
選單內容
8)多行文字框(文字域)
9)按鈕
(他和submit的區別是 ,submit是提交按鈕 起到提交資訊的作用,button只起到跳轉的作用,不進行提交。)
10)表單字段集
功能:相當於乙個方框,在字段集中可以包含文字和其他元素。該元素用於對表單中的元素進行分組並在文件中區別標出文字。fieldset元素可以巢狀,在其內部可以在設定多個fieldset物件。
11)字段級標題
功能:legend元素可以在fieldset物件繪製的方框內插入乙個標題。legend元素必須是fieldset內的第乙個元素。
12)提示資訊標籤
功能:label元素用來定義標籤,為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制項上,可以將label元素的for屬性設定為與該控制項的id屬性值相同。
13)表單元素
1)上傳檔案框
檔案域:
2)影象域
擴充套件知識點:post和get的區別
1. get是從伺服器上獲取資料,post是向伺服器傳送資料。
2. get是把引數資料佇列加到提交表單的action屬性所指的url中,在url中可以看到。post是通過http post機制,使用者看不到這個過程 。
3. get傳送的資料量較小,不能大於2kb。post傳送的資料量較大,一般被預設為不受限制。
4. get安全性非常低,post安全性較高。但是執行效率卻比post方法好。
13)div的用法
文件區域,文件布局物件
14) span的用法
文字結點(某一小段文字,或是某乙個字)
html 基礎入門
html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...
HTML基礎入門
可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...
HTML 基礎入門
最近學習html5的知識,屬於入門級別。粗略接觸感覺並不是十分枯燥困難,不過據說html都是入門容易深入很難,但願以後不會被難倒吧。html是hypertext markup language 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...