您好,欢迎访问三七文档
当前位置:首页 > 临时分类 > 站长老师的HTML培训课件1
HTML第一讲HTML概念HTML(HyperTextMarkupLanguage超文本标识语言)–是一种用来制作超文本文档的简单标记语言。–用HTML编写的超文本文档称为HTML文档。HTML文档的编写方法1.手工直接编写–记事本等,存成.htm.html格式2.使用可视化HTML编辑器–Frontpage、Dreamweaver等3.由Web服务器(或称HTTP服务器)一方实时动态地生成。网页文件命名1.*.htm或*.html2.无空格3.无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字4.区分大小写5.首页文件名默认为:index.htm或index.htmlHTML文件结构html.../htmlhead.../headbody.../body元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一个开始的标记(如body),也有一个结束的标记(如/body)。元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。HTML文件结构(DocumentStructures)–HTML•HEAD–title/title–meta•/HEAD•BODY–HTML文件的正文•/BODY–/HTML第一张网页(01.htm)htmlheadtitlemyfirstpage/title/headbodyThisismyfirsthomepage!/body/html基本组成部分——HTML元素属性HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的内,并且和元素名之间有一个空格分隔;属性值用“”引起来。第二张网页(02.htm)htmlheadtitlemyfirstpage/title/headbodypalign=centerThisismyfirsthomepage!/p/body/htmlHTML基本结构的有关元素和元素属性HEAD元素——1head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。titletitle元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。HTML基本结构的有关元素和元素属性HEAD元素——2meta元素meta元素下面可以插入很多很有用的元素属性。下面介绍四种:–metaname=keywordscontent=study,computer•用来标记搜索引擎在搜索你的页面时所取出的关键词。HTML基本结构的有关元素和元素属性HEAD元素——3meta元素–metaname=authorcontent=“wutao–用来标记文档的作者。HTML基本结构的有关元素和元素属性HEAD元素——4meta元素–metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”–用来标记你的页面的解码方式。HTML基本结构的有关元素和元素属性HEAD元素——5meta元素–metahttp-equiv=“refresh”content=“5;URL=”–用来自动刷新网页练习(03.htm)编写一个网页,要求3秒钟后自动跳转到硅谷动力学院的网站。htmlheadtitlemyfirstpage/titlemetahttp-equiv=“refresh”content=“3;URL=”/headbodypalign=“center”三秒钟后本网页将自动跳转到硅谷动力网络学院首页/p/body/htmlbody元素及元素属性——1body元素表明是HTML文档的主体部分。在body与/body之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。body元素及元素属性——2body元素中有下列元素属性:–(1)bgcolor•bgcolor属性标志HTML文档的背景颜色。如:bgcolor=#CCFFCC。HTML对颜色的控制HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”常见颜色的代码body元素及元素属性——3body元素中有下列元素属性:–(2)background•background属性标志HTML文档的背景图片。如:background=“images/bg.gif。•可以使用的图片格式为GIF,JPG,PNGbody元素及元素属性——4body元素中有下列元素属性:–(3)bgproperties=fixed•bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。body元素及元素属性——5body元素中有下列元素属性:–(4)text•text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。body元素及元素属性——6body元素中有下列元素属性:–(5)超级链接颜色•link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。body元素及元素属性——7body元素中有下列元素属性:–(6)leftmargin和topmargin•设置网页主体内容距离网页顶端和左端的距离如:leftmargin=20topmargin=30“
本文标题:站长老师的HTML培训课件1
链接地址:https://www.777doc.com/doc-3288809 .html