文字、图片和超链接.pptx

该【文字、图片和超链接 】是由【fanluqian】上传分享，文档一共【36】页，该文档可以免费在线阅读，需要了解更多关于【文字、图片和超链接 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。简约风格运营工作计划模板
文字、图片和超链接
单击此处添加副标题
课程回顾
上次课我们主要讲了：
项目背景
单击此处添加正文
02.
项目概况
单击此处添加正文
Contents.
掌握图片标签及图片在网页中的应用
贰
掌握文字的排版技巧及常用标签的使用
壹
掌握超链接的使用技巧
肆
Web技术中的访问路径
叁
本章节授课目标
PART 01
文字的排版技巧及常用标签的使用
第一节
上一章制作的网页，我们内容是写在body内的，实际上body本身就是一个标签，用于输出页面里面所有的内容
为了更好的对内容进行排版，使网站看起来更具逻辑性，我们要用到以下标签：
层标签：<div></div> div标签是级别最高的标签，仅次于body,主要用于对页面进行布局，较少的用于定义纯文字内容，除非该内容不必再用其他标签包裹
01
02
常用的文字排版标签
用div标签来布局页面
常用的文字排版标签
标题标签：<h1>~<h6>，不仅有字号大小和粗体的区分，还有级别划分，h1为最重要、h2为次重要，以此类推。hn系列标签级别仅次于div
段落标签：<p></p>（块元素里面级别最小，里面不能放任何块元素）
区域标签：<span></span> span标签是最常用的文字标签，通常文字的样式效果处理，都会附加在span标签的style属性里
列表标签：用于定义文档中的列表（非数据列表），以单列形式呈现，可分为有序列表和无序列表。
有序列表：<ol></ol>
无序列表：<ul></ul>
无论是有序列表还是无序列表，都以<li></li>标签作为行显示
常用的文字排版标签
定义列表标签：通常用于定义数据量较小的数据列表。（没有什么特别之处，但是电子商务发展了之后很多产品展示都用这个标签来写）
表体：<dl></dl>
表项：<dt></dt>
表内容：<dd></dd>
文字格式化标签：所谓文字格式化，即对文字的展示效果做一定的处理
下标：
上标：
重点描述：<em></em> 输出斜体
加重语气：<strong></strong> 输出粗体(语气相对于em有加重)
综合标签实例
综合标签实例代码
提示：<a></a>标签，超级链接 图片标签<img />