格式化文字与段落_第1页
格式化文字与段落_第2页
格式化文字与段落_第3页
格式化文字与段落_第4页
格式化文字与段落_第5页
已阅读5页,还剩13页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第3章格式化文字与段落建议:1课时3.1Web页面初步设计Web页面设计需要遵循设计的3C原则:简洁一致性好的对比度3.1.1在body标记中添加文字信息基本语法:<body>向这里添加内容</body>语法说明body元素定义文档的主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等)。3.1.2标题字标记标题是通过<h1>-<h6>等标记进行定义的。基本语法<h#align="对齐方式">标题文字</h#>3.1.3添加空格与特殊符号在HTML文件中,添加空格的方式与其他文档添加空格的方式不同,网页中通过代码控制来添加空格,而在其他编辑器中通过键盘空格键来输入空格。基本语法<body>  <®×</body>3.1.3添加空格与特殊符号在HTML文件中,插入特殊字符与插入空格符号的方式相同。显示结果说明符号代码

显示一个空格

<小于<>大于>&&符号&"双引号"©版权©®注册商标®×乘号×÷除号÷3.2文本标记HTML为单独的词或者句子定义了两种样式:物理样式(PhysicalStyle)和逻辑样式(LogicalStyle)。物理样式说明标签之间的文句的特定外貌,而逻辑样式则按文本的意思显示文句的外貌。3.2.1物理样式标记物理样式标记(PhysicalStyle)也称为字体样式元素或实体字符控制标记,因为它们为浏览器提供了特定的字体指令,各类网页开发工具中仍然有这类标记。标记说明<b>软件工程专业!</b>黑体<i>软件工程专业!</i>斜体<u>软件工程专业!</u>下划线<del>软件工程专业!</del>删除线<s>软件工程专业!</s>加删除线(不赞成使用,del代替)<small>软件工程专业!</samll>变小字号<big>软件工程专业!</big>变大字号<sup>软件工程专业!</sup>上标<sub>软件工程专业!</sub>下标<tt>软件工程专业!</tt>打字机字体3.2.2逻辑样式标记逻辑样式标记也称为基于内容的标记。标记主要用途<abbr>etc.</abbr>表示缩写<address>江苏省南京市</address>表示地址(address)<blockquote>愚公移山</blockquote>设置一段被引用的文本<cite>《白毛女》</cite>书名、影视名等的引用,斜体<code>dimaasinteger</code>计算机代码,显示固定宽度字体<dfn>软件工程!</dfn>定义一个词,通常为斜体<em>软件工程!</em>强调,通常为斜体<kbd>软件工程!</kbd>键盘输入,显示无格式的固定宽度字体<strong>软件工程!</strong>强调,显示黑体字符<var>变量</var>变量,显示斜体字符3.2.3文字样式标记<font><font>元素用来改变默认的字体、颜色、大小等属性,这些更改分别通过不同的属性定义完成。基本语法<fontface=""size=""color=""></font>属性说明属性值说明size+1~+7,-1~-7数字越大字号越大。colorrgb(r,g,b)

rgb(r%,g%,b%)#rrggbb

colorname规定文本的颜色。可以使用rgb函数、十六进制数、颜色英文名称来表达。face字体

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论