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

HTML基础培训教程公司内部编辑人员培训材料

HTML英语意思是：HypertextMarkedLanguage，中文的意思就是超文本标记语言。通过HTML可以实现页面之间的跳转。通过HTML可以展现多媒体的效果。页面上的写法是：“标签名字属性”。HTML的入门

文本的意思是：键盘上104个键敲出来的字符和字符的组合，或者是敲后变成的文字。超文本可以理解成：非文字信息，键盘敲不出来的东西，如图片，音乐，动画，视频等。这些东西可以通过html代码放在页面上，与他人分享，不需要每个人都传一份。写好后，把这个页面的地址发给所有的人，他们打开就可以看到了。HTML不仅可以传递文字信息，也可以传递非文字信息。123超文本的意思

HTML的基本结构一个标准的简单的HTML页面包括文档头，文档体两个部分

html

head

头部信息

/head

body文档主体，正文部分

/body/html

这是标准的页面的结构，不标准的可以都不要这些东西，直接写自己想要的内容就可以了

一个标准的html页面htmlhead title这里放这个页面的标题/title/headbodycenterh3欢迎光临我的主页/h3brhrfontsize=“2”color=“#FF0000”主页内容/font/center/body/html

html和/html在文档的最外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有html标签，也不该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。1head和/head是HTML文档的头部标签,在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。2title和/title是嵌套在head头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。3body和/body标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，head标签和body标签是嵌套在html标签中的。4

center和/center告诉浏览器，这里面的内容要居中显示。h3和h3是一个固定样式的标签，这里面的所有文本都会被加上它的样式，如果不想要它自带的样式，需要给它定义属性。像这样标签有h1,h2,h3,h4,h5,h6每个样式都不一样。br换行的意思，使用这个后，两行之间距离很小。还有一个换行p……/p，正确的理解是换段，两段文字之间的行，所以它的行距离比br的两行距离要大很多。br在Dreamweaver设置中的输入方法是shilf+回车，p……/p的输入方法是直接回车。这两个是常用的html标签。

font和/font用来设置字体的样式，如红色，宋体，大小。

fontface=“隶书”color=“#FF0000”size=“6”中国工业电器网/font

这句的效果就是让“中国工业电器网”这七个字，设置字体为“隶书”，颜色为红色，大小为6号字。

这个属性也是编辑常用的一个标签。如果不愿意手写代码的话，可以直接通过Dreamweaver设置中设置一下。方法：

1、选中页面上的文字“中国工业电器网”2、点击右键，属性3、在下面的属性一栏中，找到字体属性，下拉中选择隶书，大小中选择6号，颜色中选择红色。这样就可以了。

br或者br/换行当一段话要分两行时，可以在代码中输出这个字符来达到分两行的效果，或者在设计视图中使用shift+回车来分行。/p换段123654给文字加上字体、颜色、大小、倾斜、下划线、粗体。font设置文字样式当要将一串文字分成两段，并且两段文字之间有一段的距离，就使用这种标签。在设计视图中直接使用回车就可以输出这样的标签了，页面上看到的效果就是换段了，并且两行之间有一定距离的空白。编辑最常用到的几个标签

加粗b……/b和strong……/strong倾斜I……/I和em……/em下划线u……/u颜色color=“#ff0000”或者color=red字体face=“某种字体”大小size=“某个数字”010203040506

……/a超链接功能，页面上从这个页面跳到另一个页面都是通过这个来实现的。像我们的首页，点击首页上某个子频道的名字，就打开子频道页面。页面上可以为文字加超连接功能，也可以为图片加超连接功能。01Img插入图片02这个标签的意思是将一个图片放到页面上。具体