html语言——基本架构.pptVIP

LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO 手工编写HTML代码 HTML语言——基本架构 一个HTML文档实例 在记事本中编辑以下内容： HTMLheadtitle欢迎/title/head body bgcolor=“green” 同学们好！！ /body /HTML 将上述内容以文件名“test.html”保存桌面 双击桌面上的“test.html”文件 内容准备: HTML：超文本标记语言。 是一种建立网页文本的语言，透过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。 HTML网页文件可以由任何文本编辑器或专用网页编辑器编辑。 HTML文件以.htm或.html作为文件后缀保存。 1.HTML语言文件的架构： ?HTML标记式由“”和“”所括住的指令。 主要分为： a.单标记指令—由标记指令 构成。 例如： p b.双标记指令—由起始标记 和/起始标记 构成。 例如： head /head HTML文件基本架构如下： HTML文件开始 HEAD表头区开始 TITLE…………./TITLE标题区 /HEAD表头区结束 BODY本文区开始 本文区内容 /BODY本文区结束 /HTML文件结束 注意： head/head标签对之间的内容不会再浏览器的显示区中显示。 title/title标签对只能放在head/head标签对之间。 body/body是HTML文档的主体部分，在此标签之间包含其他众多标签，其显示效果会在显示区中显示。 HTML HEAD TITLE这是一个范例文件/TITLE /HEAD BODY 现在我们开始学习使用html语言。 /BODY /HTML 练习： 若要: 1.页面的标题为“HTML基础知识”, 2.页面的内容显示为“HTML基础知识一：基本架构” 应如何编程？ HTML HEAD TITLEHTML基础知识/TITLE /HEAD BODY HTML基础知识一：基本架构 /BODY /HTML 2.标题标记 标题标记有6种，分别为h1，h2，……h6，用来表示文章中的各种标题。标题号越小，字体越大。 一般情况下，浏览器对标题作如下解释： h1：黑体，特大字体 h2：黑体，大字体 h3：黑体，大字体 h4：黑体，普通字体 h6：黑体，普通字体 h5：黑体，普通字体 Hn可以有对齐属性，格式为align＝＃ ＃可以为： left：标题居左 center:标题居中 right：标题居右 例： h2 align=center欢迎来到我的网站/h2 练习： 以H5号字体，靠右显示，语句为“欢迎光临” 源文件？ h5 align=right欢迎光临/h5 3.分段（p）： 1.h2计算机系/h2 线性代数p计算机网络p 2.h2计算机系/h2 线性代数p 计算机网络p 1，2输出相同 HTML的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以HTML将多个空格以及回车等作为一个空格。 所以HTML的分段完全依赖于分段元素p 分段符P的对齐属性： p align=# ＃可以为： left：标题居左 center:标题居中 right：标题居右 4.设置背景颜色： BODY bgcolor=“颜色码或是英文单词” bg:back ground 例： BODY bgcolor=“#000000” 表示设置页面的背景颜色为黑色。 例： BODY bgcolor=“red” 表示设置页面的背景颜色为红色。 HTML HEAD TITLE学习范例/TITLE /HEAD BODY bgcolor=“blue” HTML语言的学习 /BODY /HTML LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO