html第一课.ppt

主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com 主讲：张鹏 seo100@126.com HTML第一课张鹏 HTML语言基础 目标 认识什么是HTML 标记的语法 掌握常用的HTML标记的应用 HTML简介 HTML（Hyper Text Mark-up Language 超文本标记语言）的缩写，HTML语言作为一种标记性的语言。标记：就是用来修饰网页内容的一些特定符号，所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言中是最简单易学的。 Html文档的创建方式：用html语言创建的文档 手工直接编写（例如记事本）。 通过图形化的HTML开发软件 Dreamweaver。 由Web服务器上的动态网页程序生成。 html文档结构 1、文档结构 所有的网页文件,通常由四对标记来构成,文档的骨架，它们是： html head title 标题 /title /head body 正文 /body /html html……/html标识网页文件的开始与结束 head……/head标识网页文件的头部信息，如标题、有哪些信誉好的足球投注网站引擎关键字等 title……/title标识网页文件的标题 body……/body标识网页文件的主体部分 HTML的语法 HTML的语法有三种表达方式： 1、双标记：开始标记内容/结束标记 2、 单标记：标记 3、标记的属性： 标记 属性1=参数1 属性2=参数2 …内容/标记 说明： A、标记与属性、属性之间以空格分隔 B、属性不区分先后顺序；且属性不是必需的 重点强调：虽然在HTML中标记不区别大小写，但在XHTML中所有标记都必须小写，所以建议从现在开始，所有标记都采用小写。 文本修饰 (1)、font标记 语法： font color=文本颜色 size=字号 face=字体文本/font 注：网页中的文本字体、字号一般通过CSS修饰 颜色 英文名称 十六位进制 颜色 英文名称 十六位进制 白色 White #FFFFFF 黑色 Black #000000 红色 Red #FF0000 绿色 Green #00FF00 蓝色 Blue #0000FF 灰色 Gray #999999 (2)、文本样式 功能 标记 加粗 b文本/b 倾斜 i文本/i 加强语气(加粗) strong文本/strong 加强语气(倾斜) em文本/em 下划线 u文本/u 删除线 s文本/s 上标 sup文本/sup 下标 sub文本/sub （3）、段落标记： p align=对齐方式[left、center、right]... 或 p align=对齐方式[left、center、right].../p （4）、修饰段落 h1内容/h1：段落标题1 h2内容/h2：段落标题2 … h6内容/h6：段落标题6 hx内的文本会自动加粗显示。hx针对的对象是段落，而font针对的对象的任意文本。 （5）、br：软回车（换行不换段） 在HTML文档中使用特殊字符 特殊字符 转义码 示例 空格 nbsp; h1欢nbsp; nbsp;迎nbsp; nbsp;光nbsp; nbsp;临/h1 元 ￥ yen; p价格：yen;29.00 版权号 ? copy; 注册商标 ? reg; “ quot; lt;%=session(quot;a quot;)%gt; amp; lt; gt; 定义一个块引用：使用文本缩进 blockquote 文本 /blockquote 居中标记 center内容/center 预格式化 pre/pre 显示已经格式化好的文字。不加此标记的话，HTML浏览器会忽略所有空格和制表符。 列表的标记 无序列表 语法： ul type=“circle|square|disc” li type=“circle|square|disc”内容1/li li type=“circle|square|disc”内容2/li … /ul 有序列表 语法： ol type=“a|A|i|I|1” start=“开始列表