文本控制标记及属性码动未来教案篇

文本或字符都是页面显示内容中非常重要的组成部分，正确理解与掌握文本标记是学习HTML知识必须具备的技能，在HTML5中，不仅沿续使用了许多原有的文本标记，而且还新增了大量实用的文本标记，接下来对每个文本元素进行详细介绍。
通过本小节的学习，理解并掌握文本换行标记的基本使用方法，并能够熟练地运用到页段落元素中，合理的文本段落布局是页面美观非常重要的一个因素。
br />文本换行标记的功能是将单行文本换成多行，解决文本多行显示的问题。
接下来通过一个简单的案例来演示这个标签使用的方式，需求：使用换行标记显示一段文字，根据上述功能，新建一个名称为h4_1.html在页面中加入代码。
<!doctype html>
html>
head>
meta charset=“utf-8”>
title>无标题文档
/head>
body>
p>
今天天气真不错，br />值得外出走一走。
/p>
/body>
/html>
页面文件h4_1.html在chrome浏览器执行后，
新建一个页面，添加一个p>元素，并在元素中通过br />标记实现一首古诗的显示。
在页面中，如果是文本内容需要换行，常使用“br />”标签，而如果是标记中的“title”属性值中的文本内容需要换行时，则可以使用“回车键”或“ ”和“ ”。
字体格式是文本内容中非常重要的一个概念，掌握与理解字体标记的基本用法，并能灵活地借助字体标记控制显示的文本内容。
strong>/strong>
em>/em>
dfn>/dfn>
文本字体标记非常多，但使用的并不多，主要有用于文本加粗和斜体的标记strong>和或dfn>，在实现页面制作中，文本字体标记的功能通常可以借助样式来实现。
下面通过一个简单的案例来演示这个标签使用的方式，需求：使用文本字体标记显示两段指定内容，根据上述功能，新建一个名称为h4_2.html在页面中加入代码。
<!doctype html>
html>
head>
meta charset=“utf-8”>
title>无标题文档
/head>
body>
strong>一段带强调的内容/strong>br />
em>一段斜体的内容/em>br />
dfn>一段斜体的内容/dfn>
/body>
/html>
页面文件h4_2.html在chrome浏览器执行后，
新建一个页面，添加一个p>元素，并在元素中添加一段散文，散文中的某些字符使用strong>元素，某些使用em>或dfn>标记。
在页面中，文本内容中的strong>和em>标记，也可以使用b>和i>标记来替换，只不过前者更加符合Web2.0的标准，被更多的浏览器所支持，推荐使用。
更多内容请添加微信：madongweikai，或扫描下方二维码添加

文本控制标记及属性码动未来教案篇

猜你喜欢