公司编辑人员HTML基础培训讲稿_PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 超文本可以理解成：非文字信息，键盘敲不出来的东西， 如图片，音乐，动画，视频等。这些东西可以通过html代 码放在页面上，与他人分享，不需要每个人都传一份。写 好后，把这个页面的地址发给所有的 人，他们打开就可 以看到了。
• HTML不仅可以传递文字信息，也可以传递非文字信息。
HTML的基本结构
<font>和</font>用来设置字体的样式，如红色，宋体，大小。 <font face=“隶书” color=“#FF0000” size=“6”>中国工业电器网 </font> 这句的效果就是让“中国工业电器网”这七个字，设置字体 为“隶书”，颜色为红色，大小为6号字。
这个属性也是编辑常用的一个标签。如果不愿意手写代码的 话，可以直接通过Dreamweaver设置中设置一下。方法： 1、选中页面上的文字 “中国工业电器网” 2、点击右键，属性 3、在下面的属性一栏中，找到字体属性，下拉中选择隶书， 大小 中选择6号，颜色中选择红色。这样就可以了。
<h3>和<h3>是一个固定样式的标签，这里面的所有文本都会 被加上它的样式，如果不想要它自带的样式，需要给它定义 属性。像这样标签有h1,h2,h3,h4,h5,h6每个样式都不一样。
<br> 换行的意思，使用这个后，两行之间距离很小。还有一 个换行<p>……</p>，正确的理解是换段，两段文字之间的行， 所以它的行距离比<br>的两行距离要大很多。<br>在 Dreamweaver设置中的输入方法是shilf+回车，<p>……</p>的 输入方法是直接回车。这两个是常用的html标签。
HTML的入门
• HTML英语意思是：Hypertext Marked Language，中文的意思就是超文本标记语言。
• 通过HTML可以实现页面之间的跳转。 • 通过HTML可以展现多媒体的效果。 • 页面上的写法是：“<标签名字 属性>”。
超文本的意思
• 文本的意思是：键盘上104个键敲出来的字符和字符的组 合，或者是敲后变成的文字。
• 一个标准的简单的HTML页面包括文档头，文档体两 个部分
• <html> <head> 头部信息 </head>
<body> 文档主体，正文部分
</body> <源自文库html>
这是标准的页面的结构，不标准的可以都不要这些 东西，直接写自己想要的内容就可以了
<center>和</center>告诉浏览器，这里面的内容 要居中显示 。
• <a>……</a> 超链接功能，页面上从这个页面跳到另一 个页面都是通过这个来实现的。像我们的首页，点击 首页上某个子频道的名字，就打开子频道页面。页面 上可以为文字加超连接功能，也可以为图片加超连接 功能。
• <Img> 插入图片 这个标签的意思是将一个图片放到页面上。具体的写 法：<img src=“http://www.cnelc.com/images0611/cnelc_logo.jpg” width=“50” height=“50” border=“0” align="left" >
• <font>设置文字样式 给文字加上字体、颜色、大小 、倾斜、下划线、粗体。
• 加粗<b>……</b>和<strong>……</strong> • 倾斜<I>……</I>和<em>……</em> • 下划线<u>……</u> • 字体face=“某种字体” • 颜色 color=“#ff0000”或者 color=red • 大小 size=“某个数字”
结束 The End
编辑最常用到的几个标签
• <br>或者<br /> 换行 当一段话要分两行时，可以在代码中输出这个字符来达到 分两行的效果，或者在设计视图中使用shift+回车来分行。
• <p></p> 换段 当要将一串文字分成两段，并且两段文字之间有一段的距 离，就使用这种标签。在设计视图中直接使用回车就可以 输出这样的标签了，页面上看到的效果就是换段了，并且 两行之间有一定距离的空白。
• HTML不仅可以传递文字信息，也可以传递非文字信息。
HTML的基本结构
<font>和</font>用来设置字体的样式，如红色，宋体，大小。 <font face=“隶书” color=“#FF0000” size=“6”>中国工业电器网 </font> 这句的效果就是让“中国工业电器网”这七个字，设置字体 为“隶书”，颜色为红色，大小为6号字。
这个属性也是编辑常用的一个标签。如果不愿意手写代码的 话，可以直接通过Dreamweaver设置中设置一下。方法： 1、选中页面上的文字 “中国工业电器网” 2、点击右键，属性 3、在下面的属性一栏中，找到字体属性，下拉中选择隶书， 大小 中选择6号，颜色中选择红色。这样就可以了。
<h3>和<h3>是一个固定样式的标签，这里面的所有文本都会 被加上它的样式，如果不想要它自带的样式，需要给它定义 属性。像这样标签有h1,h2,h3,h4,h5,h6每个样式都不一样。
<br> 换行的意思，使用这个后，两行之间距离很小。还有一 个换行<p>……</p>，正确的理解是换段，两段文字之间的行， 所以它的行距离比<br>的两行距离要大很多。<br>在 Dreamweaver设置中的输入方法是shilf+回车，<p>……</p>的 输入方法是直接回车。这两个是常用的html标签。
HTML的入门
• HTML英语意思是：Hypertext Marked Language，中文的意思就是超文本标记语言。
• 通过HTML可以实现页面之间的跳转。 • 通过HTML可以展现多媒体的效果。 • 页面上的写法是：“<标签名字 属性>”。
超文本的意思
• 文本的意思是：键盘上104个键敲出来的字符和字符的组 合，或者是敲后变成的文字。
• 一个标准的简单的HTML页面包括文档头，文档体两 个部分
• <html> <head> 头部信息 </head>
<body> 文档主体，正文部分
</body> <源自文库html>
这是标准的页面的结构，不标准的可以都不要这些 东西，直接写自己想要的内容就可以了
<center>和</center>告诉浏览器，这里面的内容 要居中显示 。
• <a>……</a> 超链接功能，页面上从这个页面跳到另一 个页面都是通过这个来实现的。像我们的首页，点击 首页上某个子频道的名字，就打开子频道页面。页面 上可以为文字加超连接功能，也可以为图片加超连接 功能。
• <Img> 插入图片 这个标签的意思是将一个图片放到页面上。具体的写 法：<img src=“http://www.cnelc.com/images0611/cnelc_logo.jpg” width=“50” height=“50” border=“0” align="left" >
• <font>设置文字样式 给文字加上字体、颜色、大小 、倾斜、下划线、粗体。
• 加粗<b>……</b>和<strong>……</strong> • 倾斜<I>……</I>和<em>……</em> • 下划线<u>……</u> • 字体face=“某种字体” • 颜色 color=“#ff0000”或者 color=red • 大小 size=“某个数字”
结束 The End
编辑最常用到的几个标签
• <br>或者<br /> 换行 当一段话要分两行时，可以在代码中输出这个字符来达到 分两行的效果，或者在设计视图中使用shift+回车来分行。
• <p></p> 换段 当要将一串文字分成两段，并且两段文字之间有一段的距 离，就使用这种标签。在设计视图中直接使用回车就可以 输出这样的标签了，页面上看到的效果就是换段了，并且 两行之间有一定距离的空白。