HTML终结版笔记.doc

HTML笔记 HTML课程目标 1.HTML介绍，HTML基本标记、图像，链接 2.HTML列表表格 3.HTML表单多媒体 4.HTML框架布局 网站美工、 网站设计师、 网页制作、 网站编辑、 前端开发(HTML5\JQuery\Bootstrap\Node.js) 1.HTML介绍，HTML基本标记 1.1HTML介绍 超文本标记语言（第版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）： HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5——2014年10月28日，W3C推荐标准 XHTML1.0发布于2000年1月26日，是W3C推荐标准XHTML?1.1，于2001年5月31日发布，W3C推荐标准。 XHTML?2.0，W3C工作草案。 XHTML?5，从XHTML 1.x的更新版，基于HTML 5草案。 HTML4.01 是常见的版本。 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 html 称为标签、标记、元素都指的是同一东西。 head title我是标题/title /head body bgcolor=”blue” 属性名 =“属性值” h1My First br/ Heading/h1 pMy first paragraph./p /body /html 1.4创建一个HTML文件 右键—》新建文本文档—》修改扩展名为*.html,*.htm,*.xhtml—》记事本打开—》编写代码—》浏览器运行 HTML编辑器：记事本、 UltraEdit、 EditPlus、 NotePad++、 Adobe Dreamweaver 1.5标签标记元素 双标记 开始标记内容/结束标记 body…/body 单标记 标记/ br/ hr/ pre/ 1.6属性 标记 属性1=“属性值1” 属性2=“属性值2”内容/标记 body bgcolor=“red” background=“bg.jpg” test=“blud” /body a.标记与属性、属性之间以空格分隔 b.属性不分先后顺序，且属性不是必须的 c.建议所有标记采用小写 1.7HTML文档结构 html head title/title /head body …… /body /html html/html标识网页文件的开始与结束，所有的html元素都要放在这对标记中 head/head标识网页文件的头部信息，如标题，搜索引擎关键字等 title/title标识网页文件的标题 body/body标识网页文件的主题部分 1.8meta 放置于head/head之间,用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。 设置关键字 meta name=“keywords” content=“value1，value2” / 设置描述(对网页内容或者关键字扩展) meta name=“description” content=“value” / 设置作者名 meta name=“author” content=“作者名” / 设置字符集(编码问题，在计算机中英文，中文都是用0,1表示，每个国家语言有自己的编码格式，国内GB2312，UTF-8国标码) meta http-equiv=“content-type” content=“text/html;charset=“ UTF-8” 设置页面定时跳转(广告弹出)： meta http-equiv=“refresh” content=“2;url=/” 1.9body !-注释内容- 浏览器不显示 body bgcolor=“背景颜色”