web前端开发文本标记和属性（码动未来）

web前端开发文本标记和属性（码动未来）

文本或字符都是页面显示内容中非常重要的组成部分，正确理解与掌握文本标记是学习HTML知识必须具备的技能，在HTML5中，不仅沿续使用了许多原有的文本标记，而且还新增了大量实用的文本标记，接下来对每个文本元素进行详细介绍。通过本小节的学习，理解并掌握文本换行标记的基本使用方法，并能够熟练地运用到页段落元素中，合理的文本段落布局是页面美观非常重要的一个因素。br />文本换行标记的功能是将单行文本换成多行，解决文本多行显示的问题。接下来通过一个简单的案例来演示这个标签使用的方式，需求：使用换行标记显示一段文字，根据上述功能，新建一个名称为h4_1.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在页面中加入代码。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的标准，被更多的浏览器所支持，推荐使用。

QQ技术交流群:815302226

更多内容请添加微信：madongweikai，或扫描下方二维码添加