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

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