HTML基礎入門

2021-10-21 22:53:09 字數 3657 閱讀 6297

原文:

文章目錄

4.文字標籤

5.超連結標籤

6.標籤

7.資料列表標籤(有序表與無序表)

8.**標籤

9.轉義字元

10.form表單

11.框架網頁

12.內嵌框架

擴充套件閱讀

html5基本結構為

所有的標記都必須要有結束標記,單標記直接用/結束

所有標籤的元素和屬性的名字都必須使用小寫,html5.0版本中,w3c明確規定,標籤必須用小寫格式。

所有的屬性必須用引號""括起來

html的標籤選擇應該從語義出發,而不是從外觀出發

html應該只負責網頁的結構,盡量不負責外觀。

title:網頁標題

meta:輔助資訊標記,給瀏覽器傳遞輔助資訊

使用例項:

標題4

標題5標題6

段落1段落2 第一行

第二行

:加粗

:強調

bstrong的區別就在於前者是的語義為與眾不同,而strong表示強調,因此應該根據使用場景來選用。

:斜體

:次級強調

例項:

正常文字

獨特文字

強調文字

獨特文字

次強調文字

基本使用方法:

鏈結文字
傳送郵件
回到頂部

頂部的鏈結

理解鏈結的不同開啟方式:

例項**:

八方旅人的小站

傳送郵件

演示效果:

使用例項:

拓展閱讀:

有序/無序列表,使用ul、ol、li組合標籤

名詞解釋類列表,使用dl、dt、dd組合標籤

北京

海淀區西城區

巴塞隆拿

北歐

hello world

中文翻譯:你好

法語翻譯:bonjour, le monde

tbody-表中主體內容

tfoot-頁碼等統計資訊

例項**:

學生資訊表

學號姓名性別

01李偉 男

02胡月女

顯示為:

對td標籤附加屬性colspan/rowspan

水平合併(colspan=合併單元格數)

垂直合併(rowspan=合併的單元格數)

對上面的**做出部分修改:

01

李偉 男

02胡月

合併後:

由於html的語法,某些字元無法直接顯示,必須使用轉義字元。

常用的轉義字元有

表單標記

form元素將所有的表單包含起來,也相應於表單的作用域。

getpost提交方式的區別:get請求把表單的資料顯式地放在url中,並且對長度和資料值編碼有所限制.post請求把表單資料放在http請求體中,並且沒有長度限制.

文字框

密碼框

單選按鈕:同一組單選按鈕使用同一命名

複選按鈕

下拉列表

選項

多行文字框

隱藏控制項

普通按鈕

按鈕文字
10)傳送按鈕

按鈕文字
11)重置按鈕

按鈕文字
例項**:

顯示效果:

現在已經使用較少,但一些小型頁面仍然可以用框架網頁方便地實現。

將瀏覽器視窗分解為多個小視窗,每個小視窗均可以顯示各自的網頁

:框架網頁集,rows為橫向分隔,cols為縱向分隔,值可以是具體數值也可以是百分比,注意frameset標記是和body標記同級的標記,不能將frameset標記包含在body標記中,否則將無法看到框架網頁的效果。

例項**:

顯示效果:在乙個網頁內訪問4個不同的**

與上面的框架網頁不同,內嵌框架可以與body標籤同時存在

:可以在乙個瀏覽器視窗種同時顯式多個頁面文件

之間,這樣就可以應對無法理解iframe的瀏覽器。

例項**:

顯示效果**

html歷史

書寫規範

html5

拓展

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 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...