第3章 用HTML设置文字与段落

第3章 用HTML设置文字、段落 GGAO CM WTU 学习目标 输入文字 设置文字的格式 设置段落的格式 水平线的标记 创建列表 使用marquee设置滚动效果 3.1 插入其他标记 3.1.1 输入空格符号 “&nbsp”表示网页上的一个空格 3.1.2 输入特殊符号 3.2 设置文字格式 标记用来控制字体、字号和颜色等属性,HTML中的基本标记之一 3.2.1 设置字体 基本语法 … 字体样式 字体的名称,比如“宋体” 可在word中获得系统支持的字体名称 Dreamweaver中可以选择 例子 传媒学院 3.2.2 设置字号 文字的大小 基本语法 … size有7个等级 1最小,7最大 默认是3 例子 WTU 3.2.3 设置文字颜色 基本语法 … 颜色 颜色的英文单词 #RRGGBB表示 例子 CM 3.2.4 设置粗体、斜体、下划线 粗体 加粗的文字 加粗的文字 斜体 斜体文字 斜体文字 斜体文字 下划线 下划线的内容 3.3 设置段落的格式 把一段文字分成相应的段落,使网页层次分明 3.3.1 段落标记 把一段文字标记起来,表示它们是一个段落 基本语法

段落文字

3.3.2 段落的对齐属性 可以使用align参数设置 该参数不仅可以用在段落标记,还可以用到很多其他标记中 基本语法

对齐方式 left 左对齐 center 居中对齐 right 右对齐 例子

Wuhan is a very big city in China

3.3.3 不换行标记 如果一行文字过长,浏览器会自动换行,如果希望在显示的时候不换行,可以使用该标签 基本语法 不换行文字 演示 学生 3.3.4 换行标记 HTML默认是连续显示文字,如果希望把一个句子后面的内容在下一行显示,则要用换行符 基本符号
例子 Wuhan Textile University
CM 3.4 水平线标记 3.4.1 插入水平线 基本语法


例子

Wuhan Textile University


CM

3.4.2 设置水平线的宽度与高度属性 默认宽度是100% 基本语法



宽度 可以用像素,也可以用百分比 高度 只能用像素 3.4.3 设置水平线的颜色 基本语法


颜色 颜色的英文名称或#RRGGBB(颜色代码) 3.4.4 设置水平线的对齐方式 水平线默认是居中对齐的 基本语法


对齐方式 left 左对齐 center 居中对齐 right 右对齐 演示例子 画一条占浏览器一半宽度的较粗的红色直线,且左对齐 学生 3.4.5 利用水平线去掉阴影 默认的水平线是空心立体的效果 基本语法


3.5 利用marquee设置滚动效果 滚动字幕 基本语法 …. 标签属性 3.5.2 使用marquee插入滚动公告 macquee标签的使用 1.week1 HTML
2.week5 HTML 3.6 综合练习-设置页面文本及

html怎么设置文字段落,第3章 用HTML设置文字与段落.ppt相关推荐

  1. coreldraw x8段落_CorelDRAW基础设置图文教程,教你CDR X8设置文字为默认字体

    CorelDRAW基础设置图文教程,教你CDR X8设置文字为默认字体 CorelDRAW是一款非常出色的文字编排排版软件,对于平面设计三大软件之一,它的功能优势以及应用设计显而易见,对于想要从事平面 ...

  2. php怎么设置段落之间的距离,css如何设置段落间距?margin 属性设置段落间距(代码实例)...

    段落间距是网页设计里一个提升文章阅读体验的重要因素.但网页排版不想Word那样简单,而作为网页设计师,为了读者的良好阅读体验,我们必须为文章的每个小标题和段落都预留一定的空间,用css有效率地设置段落 ...

  3. 编写html网页文档有哪些方法 它们,网页设计 第2章 HTML基础与文字版面设计.ppt...

    第 2 章 HTML基础与文字版面设计 本章知识技能要点: HTML标签与浏览器显示效果的基本对应关系 HTML的基本结构组成 简单页面的编排 在HTML中颜色的使用 掌握文字版面编辑的基本要领以及 ...

  4. html用于设置段落文本缩进,CDR中如何设置段落文本首行缩进

    原标题:CDR中如何设置段落文本首行缩进 本文详细介绍关于在里面段落文字如何快速排版的技巧,其中针对段落文本首行缩进为用户提供了两种简单的操作方法.教程很基础,也很实用,好了,下面我们一起看看. 使用 ...

  5. word 标题自动编号、按章节给图片设置题注、给图片添加对应的文字交叉引用

    论文标题自动编号.按章节给图片设置题注.给图片添加对应的文字交叉引用 1.准备环节及工作环境 2.多级列表 2.1 定义新的多级列表 2.2 修改标题格式 3.按章节给图片编号 3.1 插入题注 3. ...

  6. div超出不换行_文字超出显示点点点之ellipsis 设置

    一般情况下一行文字在一定区域显示的话如果不限定高度,那么在内容超过的宽度的话就会换行显示,为了页面的美观,目前的通用做法就是在最后显示-,然后鼠标悬浮显示完整内容,具体设置如下: height: 40 ...

  7. 【高校宿舍管理系统】第九章 寝室编号设置和宿舍初始化以及预选设置

    第九章 寝室编号设置和宿舍初始化以及预选设置 提示:本博客个为人独立博客,不是权威,仅供参考!所有思路只做交流之用!如有不足之处,望各位在评论区友善指正. 文章目录 第九章 寝室编号设置和宿舍初始化以 ...

  8. HTML怎么设置图片和文字间距离,div字间距-div内文字之间间距设置方法

    div内字与字间距是否可以用CSS代码实现? 答案:可以使用css实现letter-spacing 1.语法: letter-spacing:3px -- 设置对象字间距为3px间隔. 2.对所有di ...

  9. 《AutoCAD 2014中文版超级学习手册》——第2章 图层设置 2.1 设置图层

    本节书摘来自异步社区<AutoCAD 2014中文版超级学习手册>一书中的第2章,第2.1节,作者:黄志刚 , 朱爱华著,更多章节内容可以访问云栖社区"异步社区"公众号 ...

最新文章

  1. enscape渲图按哪个键_手机输入法之争:九宫格和全键盘哪个更科学?
  2. 8篇论文梳理BERT相关模型进展与反思 | MSRA出品
  3. SAP打印机原理、打印配置及打印操作
  4. stm32f105vct6例程_STM32F107VCT6 107USB例程USB DEVICE例程
  5. leetcode-66-加一
  6. docker supervisor进程管理
  7. ASP.NET Core 实战:将 .NET Core 2.0 项目升级到 .NET Core 2.1
  8. java题-如何递归遍历一个文件夹下的所有文件
  9. win10 免安装版本的MySQL的下载安装和配置
  10. 中文信息处理(三)—— 词性标注
  11. DEDECMS首页调用单页文档内容并带过滤HTML的方法
  12. 货币代码,不允许ALE通讯
  13. PHP+Redis实现高并发
  14. emoji表情包整理好的
  15. 【华为OD机试Python实现】HJ67 24点游戏算法(中等)
  16. 解决Qt5.7.0 cannot find -lGL
  17. 学习平面设计的三个入门步骤
  18. 复杂正态分布运用——独立正态分布组合概率、二项分布、泊松分布近似正态分布的运用
  19. 六角螺栓尺寸规格参照
  20. elf section类型_ELF格式解析库之基本数据类型

热门文章

  1. HTML调用Java函数或语句,在动态THML语句中调用JS函数传递带空格参数的问题
  2. telegram群组管理机器人
  3. 火绒卸载之后的残留文件夹问题
  4. java lint_Android静态代码检查-Lint
  5. 回收站文件清理了怎么恢复
  6. 计算机网络七年级教学设计,初中七年级信息技术《计算机网络和因特网》教学设计.docx...
  7. 【c++】单词接龙(暴搜)
  8. 模型评估与改进(三)// 评估指标
  9. [Android开源]一个非常简单易用用来花式展示二维码样式生成的库QRCodeStyle
  10. 为什么苹果6没有录屏_苹果iPad为什么没有计算器应用程序