2018-11-21前端学习笔记

一、 复习前一天学习过的标签。（注意全局标签和局部标签的区别）
二、 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行内元素）

1. 具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签（a标签）
2. 不会独占一行，且默认情况下不能设置宽高。
   内容,
   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、基本使用

<iframe src="https://www.baidu.com/"></iframe> 2、基本属性{ src width height frameboder scrolling（是否出现滚动条yes no auto） name } 3、iframe与a标签的混合使用 百度 blogzl hao123

> 4、 通过iframe标签引入一个html文件，文件中含有一个a标签，链接百度地址。如果此a标签的target属性值为” _parent 表示在框架的父级打开页面或文件 __top 在框架的最顶层打开新的页面或文件（若包含多个框架的嵌套） 六、作业 1、把今新学的代码相关的单词总结（重点） 2、在CSDN上发表一篇博客 3、通过锚点链接做一个自己的个人介绍页面 4、实现一个a标签与iframe的混合使用界面