文本标签与段落标记.pptx

每天我们都在成长！了解基本的文本标签学习使用标题字学习使用基本文本标记掌握文本格式化标记和段落标记插入水平线学会修饰网页文本格式本章学习任务本章学习任务1每天我们都在成长！HTML文档中包含有各种级别的标题字，分别由表示，标题的重要性最好，重要性最低语法如下，例如要表示一个三级标题：三级标题查看各标题大小 标题字.html2.1 2.1 标题字标题字2每天我们都在成长！标题字对齐方式居中对齐对齐方式取值一览表2.1 2.1 标题字标题字3属性属性值含含义left左对齐center居中对齐right右对齐每天我们都在成长！标签是用来控制字体、字号、颜色等属性，它是HTML中最基本的标签之一，掌握好标签的使用是控制好网页文本的重要基础的属性有face,size,color三种用法格式：文字2.2 2.2 文本基本标记文本基本标记 4每天我们都在成长！可以通过标签的face属性来调整文字的字体，相应字体需在系统中存在才可以正确显示用法格式：四海兴唐网页中的默认字体为宋体2.2.1 2.2.1 字体属性字体属性 faceface5每天我们都在成长！HTML提供了标签中的size属性来更为灵活的调整普通文字的字号大小，它的表示方式分为绝对和相对两种用法格式：四海兴唐 四海兴唐 四海兴唐字号属性大小默认为3，最大为7，最小为12.2.2 2.2.2 字号属性字号属性 sizesize6每天我们都在成长！color属性用来设置文字的颜色，它可以和标签的其它属性共同使用，各属性之间无先后次序用法格式：你好文字默认颜色为黑色2.2.3 2.2.3 颜色属性颜色属性 colorcolor7每天我们都在成长！请你写出你的姓名，性别，年龄，分以三行居中显示每一行要求使用不同的颜色，不同的字体，不同的字号显示标题为“我的信息”，要求大小为一号标题字并居中显示练习练习8每天我们都在成长！粗体标签、斜体标签、上标标签 源自：superscript 可表示平方和公式下标标签 源自：subscript 可表示化学分子式2.3 2.3 文本格式化标签文本格式化标签9每天我们都在成长！大字号标签 可将所包含文字在原字号上增加一级小字号标签 可将所包含文字在原字号上减小一级下划线标签 2.3 2.3 文本格式化标签文本格式化标签10每天我们都在成长！请在网页上显示：H2SO4 请在网页上显示：a2+b2=(a+b)2-2ab给上标标签强调并且带有下划线练习练习11每天我们都在成长！用来起始一个段落标签中也有align属性，可以调整段落的对齐方式的作用是将文本换行连续的可以连续换行是单标签，也做2.4 2.4 段落标记段落标记12每天我们都在成长！使标签之间的文字不自动换行为成对标签插入水平线width属性调整水平线宽度，包括两种表示方式：像素值和百分比size属性调整水平线的高度，只能用像素值表示2.4 2.4 段落标记段落标记13每天我们都在成长！插入水平线noshade属性用于是否显示阴影 该属性为布尔值，有该属性则表示无阴影，无该无属性即为存在阴影color属性用于设置水平线的颜色，可用RGB格式或英文颜色单词表示align属性用于设置水平线的对齐方式2.4 2.4 段落标记段落标记14每天我们都在成长！居中标记 标记之间的文字会居中显示预处理格式标记 标记之间将保持文本本身的样式注意：预处理标记会将标签样式显示出来2.4 2.4 段落标记段落标记15每天我们都在成长！特殊符号代码对应表2.5 2.5 其他标记其他标记16特殊符号特殊符号符号的代符号的代码空格 “"&>Xש®™每天我们都在成长！做出右图所示的网页提示：1.水平线宽100px 2.标题字大小为一号，作者行字号为4，正文为5，版权符号上标实心：•3.特殊符号的使用可查阅帮助文档答案 唐诗练习练习练习17每天我们都在成长！本章我们学习了标题字标签的使用文本基本标签的使用文本格式化标签的使用 如何设置文字效果：加粗、斜体、上标、下标、大字号、小字号、下划线段落标记的使用：如何插入其他标记本章小结本章小结18每天我们都在成长！对上次作业一期设计总结进行文本排版标题字号为3，加粗，居中对齐，字体为黑体，设置一个与背景搭配的颜色1，标题下面插入不带阴影的水平分割线正文字体为隶书，字号为4，设置一个与背景搭配的颜色2，根据内容合理分段和换行，左对齐落款为姓名和日期，右对齐，字号为4，斜体，设置一个与背景搭配的颜色3课后作业课后作业19每天我们都在成长！20漫漫漫漫ITIT路路，你需要过来人指点你需要过来人指点！