一、 复习前一天学习过的标签。(注意全局标签和局部标签的区别)
二、 HTML文本标签(hn span p )
1、响应式代码。可以识别网页在不同设备上显示。1、H1-h6具有和p标签一样的特征,占满整行。多个span标签可以同处一行,而p只能独占一行。
注意:p标签上下都有一个空行,那不是块级标签的特征。那只是段落p标签独具的特征。
P是块级元素,span是行内元素 ,行内元素设置宽高无效果,而块级元素可以设置宽高。
通过css强行改变标签元素的类型
Dsplay : block/inline-block/inline
2,、文章标签article(此标签用定义独立的文章或者文档)
三、 图片显示标签(img 行内块级元素)
1、
2、如果图片路径错误会显示图片破损的状态。
3、给图片加一个title也有一个相关的说明(进一步的加强说明)。
四、超链接标签(a行内元素)
- 具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签(a标签)
- 不会独占一行,且默认情况下不能设置宽高。
内容,
Target-blank属性使网页在新窗口打开。
3、href的值,也就是要跳转的文件类型,可以是如下类型
【一个http/https协议的网站】
【一个站内网页】
【一个电子邮件地址】
【一张图片】
【一个文本文件】
【一个应用程序】
虽然类型很多对他而言只有两种情况。
A、当前浏览器能识别的类型(比如网络地址、图片地址、txt文档地址。)
B、当前浏览器不能识别的类型(比如:zip doc ppt)
4、锚点链接
5、download
图片下载
File和http的区别:file是在本地浏览器打开是无法进行下载的。Live sever中打开是以网页的形式打开的可以下载。
6、 void(会执行js代码,返回空,什么都不做)
7、 标签的几种状态
五、HTML框架标签iframe
1、基本使用
4、 通过iframe标签引入一个html文件,文件中含有一个a标签,链接百度地址。如果此a标签的target属性值为” _parent 表示在框架的父级打开页面或文件 __top 在框架的最顶层打开新的页面或文件(若包含多个框架的嵌套) 六、作业 1、把今新学的代码相关的单词总结(重点) 2、在CSDN上发表一篇博客 3、通过锚点链接做一个自己的个人介绍页面 4、实现一个a标签与iframe的混合使用界面