Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt

Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt

ID:50308097

大小:714.00 KB

页数:43页

时间:2020-03-07

Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt_第1页
Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt_第2页
Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt_第3页
Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt_第4页
Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt_第5页
资源描述:

《Web前端开发技术——HTML、CSS、JavaScript 教学课件 作者 聂常红第3讲 文字、段落、列表及图片标记.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、第3讲文字、段落、列表及图片标记3.1文字标记3.2段落标记3.3列表标记3.4图片标记文字标记主要用于设置网页中的所有有关文字方面的内容,具体包括普通文字、特殊字符、标题字、字体以及文字格式等方面的设置3.1文字标记表3-1常用文字标记标记描述文字内容包括普通文字、空格及特殊符号等标题字标记以某几种固定的字号显示文字,共分为六个级别(H1~H6),对应着六种字号文字的修饰标记通过这些修饰标记,可设定文字的不同格式,如粗体、斜体等字体标记设定文字的字体、字号及颜色等1)文字内容网页中涉及到的文字主要包括:普通文字、特殊符号

2、以及页面的注释语句普通文字的输入:直接在和标记之间输入特殊字符的输入:在源代码中特殊字符使用其对应的符号码代替.特殊符号符号码空格 “"&&<<>>·Xק§¢¢¥¥££©®&trade;注释语句基本语法……语法解释上述两种表示法皆可代表注释语句;注释语句不会显示在浏览器中文字内容综合示例2)标题字标记所谓标题字就是

3、以某几种固定的字号去显示文字,一般用于强调段落要表现的内容或作为文章的标题具有加粗显示并与下一行产生一空行的特性根据字号的大小分为六级,分别用标记H1~H6表示,字号的大小随数字增大而递减标记描述属性属性取值

……

一级标题alignleft(默认值)

……

二级标题

……

三级标题center

……

四级标题
……
五级标题right
……
六级标题标题字标记综合示例3)文字的修饰标记用于对文字进行格式化常用的修饰标记如下:标记描述

4、…粗体斜体上标下标大字号小字号下划线删除线

地址,用于地址、Email文字修饰标记综合示例3-1)字体标记作用:设置文字的字体、字号及颜色基本语法

5、“font_name”size=“value”color=“color_value”>…表3-3字体标记的属性属性描述face设置字体size字号,取值范围为从1到7,或者从+1到+7、从-1到-7(正负取值相对于页面默认字号3),超出取值范围的,与取值范围的最近的极值效果相同color文字颜色字体标记综合示例3-2)基字体标记作用用于设定文字的字体默认属性,出现在标记之后的所有标记的默认属性使用标记中所设置的属性基本语法

6、tface=“font_name”size=“value”color=“color_value”>基字体标记综合示例3.2段落标记1)段落标记

所谓段落,指得是一段格式上统一的文本基本语法语法解释从

开始处创建一个段落。使用双标记将使所包含的段落与上下文都有一空行的间隔;使用单标记将只使段落与上文有一空行的间隔标记描述属性属性取值

双标记alignleftcenter

…单标记right2)换行标记
作用:产生一个换行效果基本语法
3)居中标记

基本语法

7、…

作用:使
标记对之间的文字在浏览器窗口中居中对齐段落、换行及居中标记综合示例4)预格式化标记
基本语法
……
语法解释预格式化,是指保留
之间的文字在源代码中的格式,使其在页面中显示的效果和源代码中的效果几乎完全一致预格式化标记示例5)水平线标记
水平线用于段落与段落之间的分隔,使文档结构更加清晰,使文字的编排更加整齐基本语法
常用属性属性描述width设置水平线宽度,单位为像素或浏览器窗口的%size水平线高度,

8、单位为像素align水平线对齐方式,取值left

9、center

10、right,默认居中对齐noshade默认的水平线的空心立体效果改设为实心的不带阴影的效果color水平线颜色,显示颜色时,当水平线将显示成实心水平线标记示例3.3列表标记所谓列表,通俗的讲就是各列表项按一定的方式进行排列而成的一张表按列表

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。