30个HTML标签,HTML常用标签的使用 --2019年8月30日
1、談?wù)勀銓TML標(biāo)簽、元素與屬性的理解，并舉例說明
在我看來html標(biāo)簽與元素就一個意思，只是說標(biāo)簽就單單的就是一個標(biāo)簽如
我是誰這樣的一個整體就組成一個元素，屬性就相當(dāng)于每個人的身高啊體重這些，每一個標(biāo)簽可以有相同的屬性，也有不同的屬性舉例說明如下:
實例
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
在上述代碼中兩個標(biāo)簽有一個相同的屬性，也有各自不同的屬性。
2、列表有幾種，如何定義？
在html中列表一共分為三種：
有序列表、無序列表與定義列表
每種的列表的定義如下：
(1)有序列表
實例
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
(2)無序列表
實例
- 列表一
- 列表二
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
(3)定義列表
實例
PHP運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
3、列表與表格的區(qū)別與聯(lián)系，什么時候用列表、什么時候用表格，為什么？
列表與表格都是用來展示數(shù)據(jù)的，比如做網(wǎng)頁導(dǎo)航欄的時候通常用列表來做，比如做一個班級的成績展示這時就可以用表格來做
4、編程實現(xiàn)，用列表制作你的工作計劃，要求使用三種類型全部實現(xiàn)一次
實例
- 早上好好上班
- 晚上回到家觀看直播
- 觀看完直播敲代碼練習(xí)練習(xí)
- 對今天講過的知識點(diǎn)回憶
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
運(yùn)行效果如下
5、編程實現(xiàn)一張商品清單，使用表格實現(xiàn)，要求有行與列的合并，rowspan colspan
實例
序號商品單價數(shù)量金額
1OPPk3手機(jī)2000120002充電頭203604傳輸數(shù)據(jù)線251503oppo鋼化玻璃251合計：52085運(yùn)行實例 ?點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
運(yùn)行效果如下：
實例
用戶注冊
賬號：
密碼：
郵箱：
年齡：
愛好：
讀書
看電影
敲代碼
性別：
男
女
保密
城市：
--請選擇--
重慶
四川
貴州
學(xué)習(xí)：
HTML
CSS
JS
PHP
Mysql
NODEJS
注冊
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
6、編程實現(xiàn)一張注冊表單，要求使用到課堂上講到的所有控件，并掌握所有屬性的使用場景及意義
實例
用戶注冊
賬號：
密碼：
郵箱：
年齡：
愛好：
讀書
看電影
敲代碼
性別：
男
女
保密
城市：
--請選擇--
重慶
四川
貴州
學(xué)習(xí)：
HTML
CSS
JS
PHP
Mysql
NODEJS
注冊
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
運(yùn)行效果如下圖：
總結(jié)：
HTML標(biāo)簽是網(wǎng)頁中不可或缺的組成部分，今天所列舉出來的標(biāo)簽只是最常見到的一部分標(biāo)簽而已，還有很多的標(biāo)簽沒有列舉出來，有好幾十種。還有就是輸入控件必須要有name屬性，這樣才能夠向表單提交數(shù)據(jù)，其中列表與表單控件最為重要，列表常常用來展示數(shù)據(jù)給用戶，而表單常常用來收集用戶的數(shù)據(jù)，其中表單中的兩個屬性由為重要一個是action屬性，這個屬性是用來將用戶提交的數(shù)據(jù)提交***去處理，還有一個就是method屬性，該屬性是表示用什么方式提交，默認(rèn)為GET方式提交，HTML是最基礎(chǔ)的東西，要能夠牢牢掌握，要先打牢基礎(chǔ)，才能為后面的鋪墊。
總結(jié)
以上是生活随笔為你收集整理的30个HTML标签,HTML常用标签的使用 --2019年8月30日的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 编写完html文件怎么输出,怎么编写一个
- 下一篇： 用计算机上的画图制作贺卡,用画图制作贺卡