静态网站制作基础知识（3)

发布时间：2020-05-18浏览次数：1021 入门
现在能够单独创建出一个简单的页面，页面可以包含各样文本，并且对其进行排列，使用水平线和换行达到像文章一样的效果。
仅仅只是文本文档而已，没有超链接，图片等，也只有单一-的阅读功能，并且，可能不会适配移动设备。
开始学习一些实用性标签，拥有这些，才能称之为一个网站。
图像标签
链接一张图片到网页上，可以对网页进行一些简要性的说明，或是网站Logo,也可以是某些演示图片,这些都并非是文字可用于描述
的，视觉往往比说的有用。
那么如何链接一-张图片呢? 采用图像标签即可，其用法很简单，常用属性只有五个，我建议全部进行使用，因为可以很好的约束图片，
并且也遵守规范。
为什么要在标签内定义宽高而不是使用CSS呢?
原因是，这关于浏览器的渲染机制，如果定义在标签内，将得到更好的速度，因为浏览器的渲染顺序如下:
标签内的属性--> CSS样式-->图片原有大小。
<img src="图像地址" alt= "替代文本" title="鼠标悬浮提示文本" width= "图片宽度" hight="图片高度" />
注意:在XHTML中，图像标签(img) 必须被正确的结束，在HTML中，它是一个单标签，无需结束。
XHTML示例:
<img属性="值" ...</..>
如果你不想使用五个属性，可以根据需要进行删减，但必要的两个属性: src、 alt不能被删除。
进行实践。
注:图像地址可以是本机的绝对路径或是相对路径，例如: D:/图片.png,当然根据规范，图片的命名建议使用英文。
图片宽度或是高度采用的单位最好为像素,示例: width= " 500px" height= "500px"
同样，图像地址可引|用网络中的图片，例如:
https://ss3.bdstatic.com/70cFv8Sh_ Q1 YnxGkpoWK1HF6hhy/it/u= 3615363367 ,3948742828&fm=27&gp=0.jpg
W3CSchool参考:
http://www.w3school.com.cn/tags/tag_ img.asp
超链接标签
超链接指的是，当鼠标单击该标签时，会跳转到指定的界面，或是跳转到某个锚点(具体参照HTML总结“锚链接(未写)“)。
超链接标签也称之为a标签,它常用属性只有两种: href (被链接处)、target (目标窗口)
<a href= "被链接的文档或是文件" target="目标窗口" >文本或图像</a>
其中，target属性值如下:
_blank :浏览器总在新打开、未命名的窗C ]载入目标文档
_self :默认值，除非与<base>标签中的target属性一起进行使用， 否则笔无意义。
_parent: 此目标使文档载入父框架而非在当前窗口载入新的文档
_top :在窗口主体中载入被链接文档
franename:在指定框架载入目标文档
其余标签的使用后续将会不断完善。
在此之前，可以到此文永久更新地址进行查看:
https://docs.q.com/doc/BpDiY30AEVnV2E5MEE4Eg8jQ0hi4zgOUUtYT1