HTML详解

一、初识HTML

初始基本标签代码解释

点击查看代码

二、基本标签学习

1.标题标签#

点击查看代码

界面显示图

2.段落标签#

点击查看代码

界面显示图

3.换行标签#

点击查看代码

由下图可以看出换行标签和段落标签的区别，段落标签每一段之间会有空隙，但是换行标签则没有 浏览器页面显示图

4 .水平线标签#

点击查看代码

5 .粗体，加黑，斜体标签#

点击查看代码

运行结果图

5 .特殊符号标签#

点击查看代码

运行结果图

特殊符号记忆方式：先打一个&,然后随便打一个字符，就可以找自己想要的字符

三、图像标签#

#

四、超链接标签#

#

1.锚链接#

点击查看代码

五、列表标签#

点击查看代码

运行结果图

六、表格标签#

点击查看代码

运行结果图

七、媒体元素#

八、页面结构分析#

运行结果图

九、iframe内联框架#

点击查看代码

运行结果图

十、表单#

点击查看代码

运行结果图

表单元素格式

（1）单选框#

点击查看代码

运行结果图

（2）多选框和按钮#

点击查看代码

运行结果图

（3)下拉框#

点击查看代码

运行结果图

（4）文本域与文件域#

点击查看代码

运行结果图

（5）邮箱、URL、数字验证#

点击查看代码

（6）滑块&搜索框#

点击查看代码

运行结果图

表单的应用

表单的初级验证