HTML代码简介(html入门必看).ppt

HTML代码简介 主要内容 HTML的基本结构 HTML语言的语法 HTML语言的常用标识网站设计基础知识 HTML 文档的结构 HTML 开发 HTML 标记的格式组成： HTML头部信息(Head) HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 标题(title) 标题(title)是最常用的head信息。它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。 HTML头部信息(Head) 示例代码如下： html head titleHTML中文教程头部信息/title /head /html 使用META标记 2-1 使用META标记 2-2 正文标题 HTML用h1到h6这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。 示例 html body h1这是1号标题/h1 h2这是2号标题/h2 h3这是3号标题/h3 h4这是4号标题/h4 h5这是5号标题/h5 h6这是6号标题/h6 /body /html HTML字体(Fonts) 在HTML里，可以用font这个元素及其属性来设定字体的大小，颜色和字体风格。 字体大小 用字体大小属性(size)来设定字体的大小。 示例代码如下： pfont size=2这一段的字体大小的值是2。/font/p HTML字体(Fonts) 在HTML里，可以用font这个元素及其属性来设定字体的大小，颜色和字体风格。 字体风格 用face属性来设定字体风格。 示例代码如下： pfont face=arial这一段的字体风格是arial。/font/p 字体颜色 用颜色属性(color)来设定字体颜色。 基本原理——色光三原色 示例 html headtitle字体大小 font size/title/head body pfont size=1这段文字的字体大小值为1。/font/p pfont size=2这段文字的字体大小值为2。/font/p pfont size=3这段文字的字体大小值为3。/font/p pfont size=4这段文字的字体大小值为4。/font/p /body /html　　　　　　　　　　　　 示例 html headtitle字体风格 font face/title/head body p以下第一段用的是arial字体，第二段用的是courier字体，第三段用的是verdana字体。/p pfont face=arialarial courier verdana/font/p pfont face = courierarial courier verdana/font /p pfont face=verdanaarial courier verdana/font /p /body /html　　　　　　　　　　　　　　　　　　　　　　　　　　　 示例 html headtitle字体颜色 font color/title/head body p这段文字用的是缺省的字体颜色。/p pfont color=#FF0000这段文字的字体颜色为红色。/font/p /body /html　　　　　　　　　　　　　　 HTML常用文本格式 HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。 常用文本格式Tag b/b粗体bold i/i斜体 U/U下划线 文本格式标记 黑体字 b/b 斜体字 i/i 下划线 u/u 加粗 strong/strong： 段落标记 在HTML里用p和/p划分段落，P可以不成对出现。 段落标记 使用对齐属性修饰段落 使用对齐属性修饰标题 html body h1 align=center这是标题/h1 p上面的标题是居中显示的。/p /body /html　　　　　 换行 通过使用br这个Tag，可以在不新建段落的情况下换行。br没有Closing Tag。 用p换行是个坏习惯，正确的是使用br，即在行末加入br。 换行标记 HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。 注释可以写在!--和--之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。 !-- This is a comment -- 示例 htm