公司编辑人员HTML基础培训稿.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,.,*,HTML,基础培训教程,公司内部编辑人员培训材料,1,.,HTML,的入门,HTML,英语意思是：,Hypertext Marked Language,，中文的意思就是超文本标记语言。,通过,HTML,可以实现页面之间的跳转。,通过,HTML,可以展现多媒体的效果。,页面上的写法是：“,”。,2,.,超文本的意思,文本的意思是：键盘上,104,个键敲出来的字符和字符的组合，或者是敲后变成的文字。,超文本可以理解成：非文字信息，键盘敲不出来的东西，如图片，音乐，动画，视频等。这些东西可以通过,html,代码放在页面上，与他人分享，不需要每个人都传一份。写好后，把这个页面的地址发给所有的 人，他们打开就可以看到了。,HTML,不仅可以传递文字信息，也可以传递非文字信息。,3,.,HTML,的基本结构,一个标准的简单的,HTML,页面包括文档头，文档体两个部分,头部信息,文档主体，正文部分,这是标准的页面的结构，不标准的可以都不要这些东西，直接写自己想要的内容就可以了,4,.,一个标准的,html,页面,这里放这个页面的标题,欢迎光临我的主页,主页内容,5,.,和,在文档的最外层，文档中的所有文本和,html,标签都包含在其中，它表示该文档是以超文本标识语言（,HTML,）编写的。事实上，现在常用的,Web,浏览器都可以自动识别,HTML,文档，并不要求有,标签，也不该标签进行任何操作，但是为了使,HTML,文档能够适应不断变化的,Web,浏览器，还是应该养成不省略这对标签的良好习惯。,和,是,HTML,文档的头部标签,在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。,和,是嵌套在,头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。,和,标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，,head,标签和,body,标签是嵌套在,html,标签中的。,6,.,和,告诉浏览器，这里面的内容 要居中显示。,和,是一个固定样式的标签，这里面的所有文本都会被加上它的样式，如果不想要它自带的样式，需要给它定义属性。像这样标签有,h1,h2,h3,h4,h5,h6,每个样式都不一样。,换行的意思，使用这个后，两行之间距离很小。还有一个换行,，正确的理解是换段，两段文字之间的行，所以它的行距离比,的两行距离要大很多。,在,Dreamweaver,设置中的输入方法是,shilf+,回车，,的输入方法是直接回车。这两个是常用的,html,标签。,7,.,和,用来设置字体的样式，如红色，宋体，大小。,中国工业电器网,这句的效果就是让“中国工业电器网”这七个字，设置字体为“隶书”，颜色为红色，大小为,6,号字。,这个属性也是编辑常用的一个标签。如果不愿意手写代码的话，可以直接通过,Dreamweaver,设置中设置一下。方法：,1,、选中页面上的文字“中国工业电器网”,2,、点击右键，属性,3,、在下面的属性一栏中，找到字体属性，下拉中选择隶书，大小 中选择,6,号，颜色中选择红色。这样就可以了。,8,.,编辑最常用到的几个标签,或者,换行,当一段话要分两行时，可以在代码中输出这个字符来达到分两行的效果，或者在设计视图中使用,shift+,回车来分行。,换段,当要将一串文字分成两段，并且两段文字之间有一段的距离，就使用这种标签。在设计视图中直接使用回车就可以输出这样的标签了，页面上看到的效果就是换段了，并且 两行之间有一定距离的空白。,设置文字样式,给文字加上字体、颜色、大小、倾斜、下划线、粗体。,9,.,加粗,和,倾斜,和,下划线,字体,face=,“某种字体”,颜色,color=,“,#ff0000,”或者,color=red,大小,size=,“某个数字”,10,.,超链接功能，页面上从这个页面跳到另一个页面都是通过这个来实现的。像我们的首页，点击首页上某个子频道的名字，就打开子频道页面。页面上可以为文字加超连接功能，也可以为图片加超连接功能。,插入图片,这个标签的意思是将一个图片放到页面上。具体的写法：,11,.,结束,The End,12,.,