HTML 学习心得整理

相关推荐

HTML 学习心得整理

　　IT Juck HTML 知识整理

HTML 学习心得整理

　　开山篇:

　　何为传输协议

　　简单的说计算机的通信(网络)规则就是一种协议.

　　FTP 文件传输协议

　　SMTP 邮件传送协议

　　HTTP 用于网页与网页间的访问协议

　　语言编码

　　接下来我们还会发现这样一句话：

　　它标示文档的语言编码。就像我们平时所说的汉语、英语一样。这里的gb2312告诉浏览器，本文档采用简体中文编码；还有一种常用的编码是UTF-8编码，它是国际通用的编码。不管我们采用哪种编码，有一点就是包含的css样式表和其它文件也必须和本文档的编码一样，要不就会出现乱码。

　　HTML开发工具

　　1. 记事本

　　2. Editplus

　　3. Frontpage

　　4. Dreamweaver [初学者推荐使用,该软件有提示功能]

　　下载地址:

　　/cfusion/tdrc/index.cfmproduct=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上的位置,

　　例如: 。

　　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头信息在浏览器标题区域显示]＜title＞标题＜/title＞[表示:该标记是文档标题显示在浏览器窗口的标题栏]

　　表示:关闭HTML 头信息区域

　　网页正文内容表示:该标记之间的内容会显示在浏览器中表示:记告诉浏览器这是HTML文档的终止

　　head 区属性

　　＜link rel="SHORTCUT ICON" href="favicon.ico"/＞[地址栏网站标志图标]

　　注：图片的名字最好是: favicon.ico

　　Meta 标记必须要写在Head 头标记区域里

　　＜meta http-equiv="refresh" content="秒数; url=页面路径"/＞[自动跳转] 浏览器兼容问题解决[告诉浏览器使用IE7]

　　＜meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞页面编码类型

　　GB2312 中国

　　UTF-8 国际

　　Ansi 美国国家标准协会,它可以根据操作系统变换

　　body 标签属性

　　bgcolor="red"[页面背景颜色]

　　background="图片.jpg" [页面背景图片]

　　text="#000FFF" [页面中所有非连接字体颜色]

　　link=”颜色” [页面中所有连接字体颜色

　　]

　　alink=” 颜色” [页面中正要被点击的连接字体颜色]

　　vlink=” 颜色” [页面中所有点击过的连接字体颜色]

　　leftmargin=”0” [设定网页与浏览器窗口左边沿的间隙,单位为像素] topmargin=”0” [设定网页与浏览器窗口上边沿的间隙,单位为像素] table 表格标签属性

　　table表示定义一个HTML表格

　　[创建一个无边框的表格]

　　cellpadding="10" [该属性是设置表格的单元格的内边距]

　　cellspacing="10" [该属性是设置表格的单元格间距]

　　width="10" [控制表格宽度]

　　height="10" [控制表格高度]

　　rowspan="2" [合并行(写在

标签)]

　　colspan="2" [合并列(格写在

标签里)]

　　border="1" [该属性可指定边框大小,数值越大边框线越粗] bordercolor=”” [边框线的颜色]

　　bordercolorright=”颜色值”[亮边框属性]

　　bordercolordark=”颜色值” [暗边框属性]

　　[表格内的行]

　　[表格开头格内内容自动到中间位置字体加粗][表示行内的单元格]

　　[没有任何边框的表格顶部]

表格的标题

　　横向控制表格方向

　　align="left" left [左]right [右] center [中间]

　　竖向控制表格方向

　　valign="top" top [上] bottom [下] middle [中间]

　　frame属性来控制表格周围的边框

　　frame="border" frame=" box"frame=" void"frame=" above"

　　frame=" below"

　　frame=" rhs"frame=" hsides" frame=" vsides" frame=" lhs"

　　表格嵌套例子如下:

我是被嵌套在里面的另一个表格

　　HTML 字符实体编码

　　< | < <

　　> | > >

　　{ {

　　& | & &

　　" | " "

　　' ‘

　　| 空格

　　| 方形空格

　　× | × x [乘号]

　　÷| ÷ ÷ [除号]

　　&copy | 版权符号

　　HTML 超链接

　　[锚标签（）来创建一个连接到其他文件的链接] target=" "

　　_blank [在新窗口打开链接地址]

　　_self [本窗口打开新链接]

　　_top [假如你的页面在框架中,如何跳出框架]

　　_parent [父窗口]

　　户所丢失的信息

【HTML 学习心得整理】相关文章：