web前端(5) 常用標籤2

2022-05-13 13:50:45 字數 1640 閱讀 5525

以下三個不僅是常用標籤了,還非常重要,所以請務必好好看,重要性從高到低:

div標籤是最常用最重要的,它可以把web頁面分割成很多的小塊分別管理

測試**:

段落    我是普通的文字

跳轉到頂部

跳轉到p1

內容內容

adfasdfasdfjawjefojwoefjwiofe

我的賬戶

我的訂單

我的優惠券

我的收藏

退出

結果:

其實也沒什麼特別的,就是可以把一整個web頁面分割成各個小的盒模型而已,剩下的就是css樣式除錯,這個後期再講解

表單是乙個包含表單元素的區域

表單元素是允許使用者在表單中輸入內容,比如:文字域(textarea)、輸入框(input)、單選框()

form標籤屬性:

form表單控制項:

表單的作用當然就是用於顯示、手機資訊,並將資訊提交給伺服器

測試:

結果:

每個**均有若干行(由標籤定義),每行被分割為若干單元格(由標籤定義)。字母 td 指**資料(table data),即資料單元格的內容。資料單元格可以包含文字、、列表、段落、表單、水平線、**等等

測試:

test1

test2

test3

cont1

cont2

cont3

結果:

有朋友說,這**是**啊,別急,我新增乙個屬性border就有效果了:

注意:src設定的位址可以是本地的位址也可以是乙個網路位址。

的格式可以是png、jpg和gif。

alt屬性的值會在載入失敗時顯示在網頁上。

還可以為設定寬度(width)和高度(height),不設定就顯示預設的寬度和高度

瀏覽器檢視效果:行內塊元素

與行內元素在一行內顯示

可以設定寬度和高度

span標籤可以單獨摘出某塊內容,結合css設定相應的樣式

測試:

結果:

web前端 2 HTML標籤

5.26 周二 hypertext mark up language 編寫檔案,以.html htm結尾 不區分大小寫 5 標籤 封閉型別 非封閉型別 1.開始標籤內部加屬性,屬性多個空格隔開,無序 覆蓋整個瀏覽器 2.常用標籤 title mate 告訴瀏覽器文件附加資訊 link style s...

Web前端學習筆記 HTML常用標籤

文字標題標籤 h1 h6 特點 有預設樣式 文字會加粗 字型大小不一樣 h2 h6 板塊的標題 一段敘述性文字的標題。注 h1 h6 不能互相巢狀 文字的加粗 文字的傾斜 加粗 語義化 表示強調 傾斜 下劃線 水平線 換行符 下劃線 水平線 換行符 段落標記 一般用來放一段敘述性文字。注 p標籤不能...

web前端 meta標籤

meta標籤主要是用來設定頁面的一些屬性的。設定頁面的編碼格式,如果頁面的編碼格式和瀏覽器解析時候使用的格式不一樣的話,就會出現亂碼。description是描述的意思,就是對我們頁面的乙個描述,寫上描述對搜尋引擎的優化可以起到一定作用。keywords是關鍵字的意思,就是我們在網上搜尋資訊的時候所...