《html教程全》.ppt
《《html教程全》.ppt》由会员分享,可在线阅读,更多相关《《html教程全》.ppt(85页珍藏版)》请在咨信网上搜索。
1、HTMLHTML1精选课件2精选课件HTML概念HTML(Hyper Text Markup Language 超文本标识语言)是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文件称为HTML文件,也称Web文件。3精选课件HTML文档的编写方法1.手工直接编写记事本等,存成.htm.html格式2.使用可视化HTML编 辑 器Frontpage、Dreamweaver等3.由Web 服务器(或称HTTP 服务器)一 方实时动态地生成。4精选课件网页文件命名1.*.htm或*.html2.无空格3.无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字4.区分大小写5
2、.首页文件名默认为:index.htm 或 index.html5精选课件HTML 文件结构.元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一个开始的标记(如),也有一个结束的标记(如)。元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。6精选课件HTML 文件结构(Document Structures)HTML HTML 文件的正文文件的正文文件的正文文件的正文 7精选课件第一张网页(01.htm)第一张网页 欢迎光临我的主页!8精选课件基本组成部分HTML元素属性HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。
3、元素属性出现在元素的内,并且和元素名之间有一个空格分隔;属性值用“”引起来。9精选课件第二张网页(02.htm)第一张网页 欢迎光临我的主页!10精选课件HTML基本结构的有关元素和元素属性HEAD元素1 元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。元素定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。11精选课件HTML基本结构的有关元素和元素属性HEAD元素2元素 元素下面可以插入很多很有用的元素属性。下面介绍四种:用来标记搜索引擎在搜索你的页面时所取出的关键词。12精选课件HTML基本结构的有关元素和元素属性HEAD元素
4、3元素 用来标记文档的作者。13精选课件HTML基本结构的有关元素和元素属性HEAD元素4元素 用来标记你的页面的解码方式。14精选课件HTML基本结构的有关元素和元素属性HEAD元素5元素 用来自动刷新网页15精选课件练习(03.htm)编写一个网页,要求3秒钟后自动跳转到校网主页。my first page 三秒钟后本网页将自动跳转到华东理工大学首页 16精选课件元素及元素属性1元素表明是HTML文档的主体部分。在与之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。17精选课件元素及元素属性2元素中有下列元素属性:(1)bgcolorbgcolor属性标志HTML
5、文档的背景颜色。如:bgcolor=“#CCFFCC”。例:例:04.htm18精选课件HTML对颜色的控制HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。16 进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.19精选课件颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”常见颜色的代码20精选
6、课件元素及元素属性3元素中有下列元素属性:(2)backgroundbackground属性标志HTML文档的背景图片。如:background=“images/bg.gif。可以使用的图片格式为GIF,JPG例:05.htm、06.htm21精选课件元素及元素属性4元素中有下列元素属性:(3)bgproperties=fixedbgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。例:07.htm和08.htm对比22精选课件元素及元素属性5元素中有下列元素属性:(4)texttext属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。T
7、ext元素定义的颜色将应用于整篇文档。例:09.htm23精选课件文字标签属性1文字属性标记.1.文字颜色 指定颜色 .#=RRGGBB 16 进制数码例:010.htm24精选课件文字标签属性2文字属性标记2.文字字体.#=客户端可获得的字体011.htm25精选课件文字标签属性3文字属性标记3.文字大小.#=1,2,3,4,5,6,7 or+#,-#例:012.htm26精选课件文字布局文字布局行的控制 段(Paragraph)(可以看作是空行)空白占位符 例:013.htm27精选课件文字布局文字布局行的控制 HTML的段落与段落之间有一定的空隔。如果不希望出现空隔而只想换行的
8、话,就要用到另一个元素,即元素。元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。元素不是成对出现的。例:014.htm不换行 015.htm28精选课件HTML文字与段落格式控制文字与段落格式控制 倾斜文本 粗体文本 下划线文本 删除线文本 例:016.htm29精选课件基本组成部分HTML注释HTML文档可以插入注释。注释内容不会在浏览器窗口显示HTML注释的格式为:例:017.htm30精选课件文字的对齐.(n=1,2,3,4,5,6).(#=left,center,right)31精选课件3.HTML段落与分行控制居中-元素元素是一个独立的使所标记的字符居中的元素。它
9、的作用与使用元素里的align=“center”类似例如:居中段落例:018.htm32精选课件3.HTML段落与分行控制标尺线:设定线宽:设定线长:设定对齐方式#=left,right :设定线的颜色例:019.htm33精选课件3.HTML的段落与分行控制无序列表元素1列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。34精选课件3.HTML的段落与分行控制无序列表元素2无序列表是由和元素定义的:sports food drink friends 例:020.htm35精选课件4.超级链接普通超级链接1超级链接是整个WWW应用的核心和基
10、础。如果没有超级链接的概念,那么,我们现在所有的WWW的应用将不复存在。所以,对超级链接的掌握具有特殊重要的意义。36精选课件4.超级链接普通超级链接2超级链接是用锚元素定义的 在元素下,有元素属性href,href的属性值为一个URL地址如:指向学校的超级链接 如:普通超级链接例:021.html37精选课件4.超级链接E-mail超级链接 超级链接可以指向E-mail地址如:指向E-mail地址的超级链接例:022.htm38精选课件4.超级链接新开链接窗口开一个新的(浏览器)窗口(Target Window).例:023.htm39精选课件HTML对图片的控制-1基本语法:引用图片必须用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html教程全 html 教程
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【快乐****生活】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【快乐****生活】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。