搞定HTML代码.pptVIP

搞定HTML代码 By Hito vip@hitoy.org HTML（Hypertext Markup Language）超文本标记语言，是一种规范。用来显示网页内容，具有结构简单，扩展性强，跨平台的等优点。 什么是HTML HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1996年1月14日，W3C推荐标准 html 5 HTML 4.0——1997年12月18日，W3C推荐标准 HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 HTML 5的第一份正式草案已于2008年1月22日公布，仍继续完善 发展历史 内容：页面中所有的HTML代码 行为：网站中的脚本，主要指Javascript 样式：网页内容的展现形式，CSS代码 网页三要素 一个标准HTML文件的结构 !DOCTYPE HTML!--这里用来显示文档类型-- html head!--头部-- meta charset=UTF-8 title这里是标题_HTML文档展示/title meta name=keywords content=这里是关键词/ meta name=description content=这里是描述/ style /*这里是CSS样式*/ /style script //这里是Javascript代码 /script /head!--头部结束-- body!--body-- h1这是一个标题/h2 a href=#这是一个超链接/a div这是一个DIV模块/div p这是段落。还有很多HTML的标签/p /body /html !--全部内容结束-- !-- !DOCTYPE a abbr acronym address applet area b base basefont bdo big blockquote body br button caption center cite code col colgroup dd del dfn dir div dl dt em fieldset font form frame frameset h1 - h6 head hr html i iframe img input ins kbd label legend li link map menu meta noframes noscript object ol optgroup option p param pre q s samp script select small span strike strong style sub sup table tbody td textarea tfoot th thead title tr tt u ul var HTML标签 大部分HTML标签由开始标签和结束标签构成，如：divExample/div 少数标签直接由”/”结束 HTML的语法 IDE：Adobe Dreamweaver，Microsoft Expression Web 文本编辑工具：Notepad++，VIM， EditPlus HTML代码编辑器 核心属性：class, id, style, title(base、head、html、meta、param、script、style、tilte等标签不具有此属性)； 语言属性：dir, lang, xml:lang 键盘属性 鼠标属性 HTML 标准属性 经常会看到网页文件，特别是包涵双字节字符的网页文件在浏览时出现乱码，出现这种问题的主要原因是编码问题。 为避免出错，推荐HTML文件使用UTF-8编码。 HTML文件编码 HTML元素及HTML标签，HTML元素分为内联元素和块级元素； 内联元素：inline element, 又叫行内元素，主要特点是：1，和其他内联元素都在一行上；2，高度、行高和顶以及底边距都不可改变；3，宽度就是它的文字或图片的宽度，不可改变。常见内联元素：a, span, b, strong HTML元素及分类 块级元素：block level elements, 独占一行的元素，具有高度和宽度的元素，常见的块级元素有div，p，h1-h6，table等。 内联元素和块级元素的相互转化，利用CSS的display属性，display:inline，转化成内联元素，display:block，转化成块级元素。 HTML元素及分类 什么是CSS的盒子模式呢？为什么叫它是盒子？先说说我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(marg