一、创建html文件
1.下载visual studio 加载插件
2.创建以.html结尾的文档
3.输入!
4.回车
附:所有标点均为英文标点
二、html简单标签
1、html注释
html注释的格式如下图
<!-- -->
2、html的简单标签
如下图所示:
div是块标签 :特点是自动换行,页面布局使用;
p是段落标签:特点自动换行,间距样式使用;
h1~h6是标题标签:自动换行,默认加粗;
span是间隔标签:主要用于个性化样式设置;
页面展示:如图:右键点击open with live server
浏览器界面如图所示:
三、个性化设置标签
1、知识点预览
2、知识点应用
3、界面展示
四、列表标签
1、知识点预览
2、知识点运用
3、界面展示
五、表格标签
1、知识点预览
2、知识点运用
3、界面展示
六、媒体标签
1、知识点预览
2、知识点运用
a:超链接
b:图片标签
c:音频、视频标签
此处外部音频、视频未找到因此未显示
七、框架标签
1、知识点预览
2、知识点应用
3、界面展示
八、表单标签
1、知识点预览
2知识点运用
3、界面展示
九、服务器交互
1、知识点预览
2、知识点运用
3、界面展示
提交展示:红色方框中就是提交的数据;本次提交未曾输入,数据均为初始值