HTML 学习心得整理
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
IT Juck HTML知识整理
开山篇:
☞何为传输协议?
⏹简单的说计算机的通信(网络)规则就是一种协议.
⏹FTP 文件传输协议
⏹SMTP 邮件传送协议
⏹HTTP 用于网页与网页间的访问协议
☞语言编码
接下来我们还会发现这样一句话:
它标示文档的语言编码。就像我们平时所说的汉语、英语一样。这里的gb2312告诉浏览器,本文档采用简体中文编码;还有一种常用的编码是UTF-8编码,它是国际通用的编码。不管我们采用哪种编码,有一点就是包含的css样式表和其它文件也必须和本文档的编码一样,要不就会出现乱码。
☞HTML开发工具
1.记事本
2.Editplus
3.Frontpage
4.Dreamweaver [初学者推荐使用,该软件有提示功能]
下载地址:
/cfusion/tdrc/index.cfm?product=dreamweaver& loc=cn
5.Zend Studio
6.MyEclipse
等其他IDE ,这里就不在介绍了,有兴趣可到网上搜索
网页三剑客
◆网页制作三剑客是Macromedia 公司开发的三款开发工具
◆Flash :用于做动画
◆Fireworks :用于图片处理
◆Dreamweaver :用于拼接网页,代码编程
☞HTML是什么?
HTML表示: 超文本标记语言(Hyper Text Markup Language)
HTML文件必须有htm 或 html扩展名
HTML文件可以用一个简单的文本编辑器创建
☞HTML文档类型
当我们新建HTML格式文档时,查看源代码,会发现代码最上部有如下代码:
译:表示本文档是过渡类型,另外还有框架和严格类型,目前一般都采用过渡类型,因为浏览器对XHTML的解析比较宽松,允许使用HTML4.01中的标签,但必须符合XHTML 的语法。许多朋友在制作页面时,往往喜欢把这句删除掉,在这里建议大家一定要保留这句话,删除它后可能引起某些样式表失效或其它意想不到的问题。
☞文档类型标记分五个部分
DOCTYPE文档类型定义标签(还可以指定别的类型文件)
HTML指定文档类型的名称
PUBLIC说明当前文件所依据的文件是任何人都可以访问的还是局部访问的 version name 指定该HTML版本的标识名称。例如HTML 4.0的标识名称为:"-//W3C//DTD HTML 4.01 Transitional//EN"版本名称version name.被改进
的iso用+号开头,没有被改动过的用–号开头,最后的两个斜号是DTD文档的
语言种类
url 指定该HTML 语言的定义规范文件在Internet上的位置,
例如:/TR/html4/loose.dtd。
loose.dtd说明:当前文档可能含HTML4.01严格标准定义的元素及不含的元素 strict.dtd 说明:当前文档所以的HTML 元素都是严格符合标准的
frameset.dta 说明:除了以上的俩个共同点还有可能包含一些框架的元素 HTML 4.01中如果没有下面这个文档类型定义语句是一个无效的HTML文件
XHTML 1.0文档类型
创建一个HelloWord的XHTML 1.0文档
Hello Word 我的第一个网页!
首先复制上面的代码
在电脑桌面鼠标右键创建一个文本文件.txt,双击打开把代码粘贴到里面保存关闭鼠标右键txt文件重命名为 HelloWord.html [点击回车]
☞HTML标记解释
HTML的标记大多都是成对出现的,分开始和关闭如:
每个关闭标记都是以:标记> 斜杠加标记关闭的
表示:这是一个HTML类型的文件
表示:告诉浏览器这是HTML文档的开始
[表示:该标记是HTML头信息在浏览器标题区域显示]表示:关闭HTML 头信息区域
网页正文内容 表示:该标记之间的内容会显示在浏览器中 表示:记告诉浏览器这是HTML文档的终止☞head 区属性
[地址栏网站标志图标]
注:图片的名字最好是: favicon.ico
Meta 标记必须要写在Head 头标记区域里
[自动跳转] 浏览器兼容问题解决[告诉浏览器使用IE7]
页面编码类型
UTF-8 国际
Ansi 美国国家标准协会,它可以根据操作系统变换
☞body 标签属性
bgcolor="red" [页面背景颜色]
background="图片.jpg" [页面背景图片]
text="#000FFF" [页面中所有非连接字体颜色]
link=”颜色”[页面中所有连接字体颜色]