HTML标签实训课件.pptxVIP

标签强化篇 *** 常见标签的使用强化 01 HTML文档结构 02 HTML基本标签 h1-h6 标题 p 段落 strong 强调（粗体） em 强调（斜体） i 斜体 span 区分样式 img（单标）图片 a 链接、下载、锚点 u / sup / sub 下划线/上标/下标 div 块 ul 无序列表 ol 有序列表 li 列表项 dl 定义列表 dt 定义列表标题 dd 定义列表项 br （单标） 换行 hr （单标） 水平线 03 表格 表格标签： table 表格 tr 表格行 th 元素定义表头 td 元素定义表格单元 表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充 04 表单 表单元素 form 表单 input type=…… name= value= / text 文本框 password 密码框 radio 单选按钮 checkbox 复选框 submit 提交按钮 reset 重置按钮 button 按钮 image 图片 file 上传文件 email、color、number、date…… label 标签为 input 元素定义标注 input type=checkbox name= id=a/ label for=“a”……/label select/option 下拉选框 textarea 文本域 resize 调整尺寸属性； 附件 标签规范 代码规范 1、所有书写均在英文半角状态下的小写； 2、id，class必须以字母开头； 3、所有标签必须闭合； 4、html标签用tab键缩进； 5、属性值必须带引号； 6、!-- html注释 -- 7、/* css注释 */ 8、ul,li/ol,li/dl,dt,dd拥有父子级关系的标签； 9、p,dt,h标签里面不能嵌套块属性标签； 10、内联元素不能嵌套块； 标签应用篇01 *** 网址： 标签应用篇02 *** 网址： 标签应用篇03 *** 网址：/v3/index-chs.html