初识HTML<第一章总结>
1.HTML的全称:Hyper Text Markup Language(超文本标记语言)
发展历程:现在使用的规范是XHTML1.0 更新的是HMTL5,已经应用到企业的开发中了。
2.书写自己的第一个HTML页面
注意点:01.标签成对出现,除非是自身闭合标签
02.所有标签均小写。
03.注意缩进
3.常见问题:
01.如果title标签没有闭合,那么在body中出现的内容不会被显示。
02.确保自己电脑上的扩展名选项没有被打钩,否则可能导致你书写的页面无法执行。
4.三种文档类型
①Strict 严格类型:这种声明完全符合W3C的标准,要求较严
②Transitional 过渡类型:也称松散声明 相比严格类型 要松散一些
③Frameset 框架类型:严格类型中不允许使用框架,当页面中需要使用框架的时候,则使用该声明
我们最常用的是过渡类型
5.常见的网页编码方式:
01.gb2312:简体中文
02.iso-8859-1:只能显示英文
03.utf-8:通用编码
04.Big5:繁体中文
6.咱们所说的meta标签中的keywords和description都是用来让搜索引擎更好的收录我们的网站信息来使用。
7.W3C是一个组织,它的职责是用来定义标准的。
HTML
CSS
8.h1标签字体加粗,并且放大,从h1到h6字体依次减小。
9.P段落标签形成的效果,和正常的文本内容之间有一个空行
10.<br/>:换行,自身闭合标签
11.<hr/>:一条直线,自身闭合标签。
12.特殊符号
01.空格
02.大于号: >
03.小于号: <
04.版权符号 ©
05.引号 : "
13.常见的图像格式
01.JPG :被互联网广泛支持的图像格式,可以通过压缩JPG文件品质和文件大小之间达到良好的平衡
02.GIF:支持动画的格式
03.BMP:位图。不适合Web
04.PNG :新型的一种图片格式,部分旧的浏览器不支持的问题
14.图像标签
<img src="图片途径" alt="图像的替代文字" title="鼠标停留提示文字"width="设置图片的宽度"height="设置图片的高度">
alt一般配合src来使用,图片的高度与宽度可以不设置,则显示图片的正常大小
15.链接标签
01.超链接分两部分:①链接地址,可以是某个网址或文件的路径,对应为<a>标签的 href属性②是链接文本或图像,单击该文本或图像,将跳转到href属性指定的链接地址
基本语法如下:<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
href:表示链接地址的路径
target:指定链接在哪个窗口打开,常用的值有_self (自身窗口) _blank(新建窗口)
02.根据链接的地址是指向站外文件还是站内文件,链接地址又分为绝对路径和相对路径
绝地路径:指向目标地址的完整描述,一般指向本站点外的文件。如:<a href="http://www.baidu.com/"></a>
相对路径:相对于当前页面的路径,一般指向本站点内的文件,所以一般不需要一个完整的URL地址的形式。如:<a href="本地目录下的的文件"></a>
03.超链接的应用场合
①页面间链接:A页到B页,最常用,用于网站导航
②锚链接:A页位置1到A页位置2 或者A页位置1到B页位置2
③功能性链接:在页面中调用其他应用程序.如:电子邮件,QQ,MSN 等。