前端学习第二天

前端学习第二天

今天学习内容：
今天学习主要是标签的用法：
1、文本标签：p标签和span标签的用法:p标签属于块标签会单独成行，且与上下自留一个空行，这是p标签的特征，不是块标签的特征。span标签属于行内标签，在屏幕宽度以内不会自动换行。
2、article文章标签，定义独立的文章或文档（外部的内容）；section章节标签，定义文章中的区段，如章节，页眉等，section标签与article标签不同的是该标签有个cite（引用）属性，该值为一个“url”.
3、img图片标签，该标签有alt和title两个属性，alt属性值设置为需要提醒时的信息（如alt=“图片正在加载中”，当图片加载不出来或加载较慢时会出现），titles属性值设置为对该图片进行描述的信息（如title=“这是一张风景图”），当用户鼠标放在图片上时会出现该属性值。注意：img标签虽然属于行内标签，但是有行内快标签的特征，可通过标签属性来调节大小。
4、a标签 ， THML超链接，必要属性href，该属性值决定它将跳转到的文件的地址（URL），文件可以是http，文本文件，一张图片等等；当href属性值能被浏览器识别的时候会显示该文件内容，不能识别时会转为下载。a标签还有一个target属性，属性值决定点击超链接后目标文件的打开方式，target="_blank"在新的页面打开，target="_self"在当前页面打开；a标签的下载功能： 标签除了能跳转到页面、文件，跳转页面位置，在HTML5中还能够定义一个文件的下载，并设置下载文件的名字。
要具有这个功能，我们需给它加上“download”属性，并指定一个文件下载后的名称。
大致形式如下：

下载文件
为什么在浏览器打开不能下载，要通过live-server在浏览器中打开。
我们在一个内容很多的网页中加上a标签，并且他的href属性赋值为#top，那么当我们点击这个超链接时可以让当前网页回到最顶部。（若网页中使用了这种方式让页面回到顶部的话，当前页面的所有元素都要避免使用“top”这个id值，否则该功能会失效。（此时会变成一个描点链接））
href为正常百度地址

没有href，如同一个span标签，表示普通文本
#号(描点链接相关)
空格(会刷新)
void(会执行js代码，返回空，什么都不做)
alert(666),(会执行js代码，弹框)
一个超连接的几种颜色代表的状态：蓝色，红色，紫色。
5、iframe，HTML框架标签：iframe src=“https://www.baidu.com/”>
通过将标签的target属性设为页面中一个嵌入式框架>&#30340;&#8220;name&#8221;&#23646;&#24615;&#30340;&#20540;&#65292;&#20351;&#25991;&#20214;&#20869;&#23481;&#22312;&#36825;&#20010;<iframe>&#20869;&#25171;&#24320;