HTML5基础——文本标记

来源：互联网发布：整形网站源码编辑：程序博客网时间：2024/05/16 18:23

文本标记

一、特殊的文本（转义字符）：
　　空格：&nbsp；
　　< ：&lt；（less than）
　　> ：&gt；（greater than）
　　版权标识©：&copy；
二、文本标记：
　　1、文本样式：
　　　　`...`：加粗文本
　　　　`...`：斜体文本
　　　　`...`：下划线
　　　　`<s>...</s>`：删除线
　　　　`...`：上标
　　　　`...`：下标
　　2、标题元素：
　　　　1-6级6个标题
　　　　`<hn></hn>`（n=1-6）
　　　　一级最大，六级最小
　　3、段落元素：
　　　　提供了结构化文本的表现方式
　　　　语法：``
　　　　注意：每对p标签单独成一个段落
　　　　段落与其他元素有垂直空白，段落间距
　　　　常用属性：align：水平对齐方式
　　　　取值：left、center、right
　　4、换行元素：
　　　　在代码的任何位置处，实现回车的效果
　　　　` `
　　5、水平线/分割线：
　　　　`<hr />`
　　　　属性：size：水平线的粗细，通常以像素（px）为单位
　　　　width：宽度
　　　　align：水平线的水平对齐方式
　　　　color：颜色
　　6、分区元素：
　　　　目的：为元素进行分组，多数用在布局中
　　　　块分区元素：`<div></div>`
　　　　行内分区元素：``
　　　　注意：div主要用在布局上，span修改其内部内容的样式
　　7、预格式化：
　　　　保留源文档中的空格和回车
　　　　`<pre>`
　　　　　　文本内容
　　　　`</pre>`
三、注释：
　　可以写在html源码中，但不被浏览器解释的文本
　　语法：``
四、行内元素与块级元素：
　　1、块级元素：默认情况下，块级元素独占一行，元素的前后都会自动换行。
　　　　如：div、hn、hr、p
　　　　块级元素作用：布局
　　2、行内元素：默认情况下，多个元素位于同一行，不会换行。
　　　　如：span、文本标记……
　　　　行内元素作用：修改内部内容的样式
例题：

<!-- 1、文档类型声明 --><!doctype html><!-- 2、html文档结构 --><html>    <!-- 1、定义头部信息 -->    <head>        <!-- 1、文档编码 -->        <meta charset="UTF-8" />        <!-- 2、标题 -->        <title>作业一</title>        <!-- 3、关键字、描述... -->        <meta name="keywords" content="关键字" />        <meta name="descrition" content="描述" />    </head>    <!-- 2、定义网页内容 -->    <body>        <!-- 1、标题 -->        <h1 align="center">HTML5 <span style="color:red">&lt;Day01&gt;</span></h1>        <!-- 2、水平线 -->        <hr />        <!-- 3、段落标题 -->        <h2>1 HTML 文档片段</h2>        <!-- 4、内容标题 -->        <h3>1.1 问题</h3>        <!-- 5、文本内容 -->        <p>创建如图一所示的HTML页面：</p>        <!-- 6、pre -->        <pre>            &lt;p align="center" title="段落"&gt;                居中显示的段落。            &lt;/p&gt;        </pre>    </body></html>

0 0