第一节课:
1.认识HTML的基本标签
标签是属于段落标签
属于预文本标签,可以实现换行、空格、段落hr属于标签,size是属性,10是属性值
尽管有些HTML的属性可以改变外观,但通常不会去使用HTML属性去改变,而是用css去改变
2.列表标签
是有序列表3.表格
我是加粗标题标签 |
---|
我是列数据 |
一般要有规则性的表格采用table,table加载速度慢,灵活性不好、兼容性差
4.链接
第二节课
1、绝对路径和相对路径
同一级目录可以相互调用
但如果不在同一级目录
则要在图片的一级目录里面调用,列如有1和3是一级目录,在1下面有一个2文件夹,在2文件夹里面有一个1.jpg,3文件里面有一个1.html,现在要在html中调用图片:../1/2/1.jpg
案列2:有1和4为一级目录,在1下面有一个2文件夹在2下面有一个3文件夹,在3下面有一个1.html,在4下面有一个1.jpg,则在html中调用图片../../../4/1.jpg
总结:先找到html的和图片所在的相同级,再调用../表示上一级
2、在中只设置宽度则图片为等比例放大或缩小,若设定宽和高图片可能会变形,alt=“这里没有图片(一系列说明词语)”,作用是当图片显示不出来的时候会有文字提示
3、表单元素 属于单闭合标签
get用于提交的数据量小比如id、标识,post提交的数据量大,安全系数较好,输入文本的输入框
输入密码的输入框
按住Ctrl可以多选
我是下拉选项
多选按钮
男女 设为相同的name则只能选择其中之一
提交按钮
重置按钮
4、
第三节课
1、标签的语义化,html5的布局以及常用标签 详情请见网址:https://www.cnblogs.com/ruanmou/p/4821894.html
在网页中要显示则要在代码中:<html>(对html的转义)
将音频文件显示并且自动播放循环2次
html5布局
header我是头部标签,标题,顶部信息
nav我是导航栏
article我是文章
section我是文章中的章节
footer我是底部标签
hgroup代表网页或section的标题可以包括h1 h2系列的标签
figure标签是代表独立的流内容而figcaption定义figure的标题
带有文本框的下拉菜单:
h5标签以及其用简略代码能实现强大的功能是未来的一个发展趋势
响应式布局:能判断不同的设备的显示的宽度自己做出调整