原文:
文章目錄
4.文字標籤
5.超連結標籤
6.標籤
7.資料列表標籤(有序表與無序表)
8.**標籤
9.轉義字元
10.form表單
11.框架網頁
12.內嵌框架
擴充套件閱讀
html5基本結構為
所有的標記都必須要有結束標記,單標記直接用/結束
所有標籤的元素和屬性的名字都必須使用小寫,html5.0版本中,w3c明確規定,標籤必須用小寫格式。
所有的屬性必須用引號""括起來
html的標籤選擇應該從語義出發,而不是從外觀出發
html應該只負責網頁的結構,盡量不負責外觀。
title
:網頁標題
meta
:輔助資訊標記,給瀏覽器傳遞輔助資訊
使用例項:
標題4
標題5標題6
段落1段落2 第一行
第二行
:加粗
:強調
b
和strong
的區別就在於前者是的語義為與眾不同,而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
元素將所有的表單包含起來,也相應於表單的作用域。
get
和post
提交方式的區別: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 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...