HTML基础知识:段落与标记语言详解

需积分: 26 1 下载量 69 浏览量 更新于2024-08-17 收藏 937KB PPT 举报
"本文主要介绍了HTML中的段落标记、换行标记以及不换行标记的使用方法,并提及了HTML在网页制作中的基本构成元素和技术构成。同时,文章概述了HTML的发展历史、设计原则以及HTML文件的基本结构。" 在HTML中,段落标记`<p>`用于创建一个新的段落,它相当于在文本中按下Enter键产生的效果。当你在网页内容中插入`<p>`标签时,浏览器会在该标签前后自动添加一些空白,以区分不同的段落。例如: ```html <p>这是一个段落。</p> <p>这是另一个段落。</p> ``` 换行标记`<br>`则用于进行线性换行,它相当于在文本编辑器中使用Shift + Enter所产生的软回车。这个标签不会像`<p>`那样产生新的段落间距,只是简单地将文本换到下一行。如: ```html 这是一行文本。<br>这是在同一段内的下一行。 ``` `<nobr>`标记用于阻止文本自动换行,确保所有内容都在同一行内显示,直到遇到`</nobr>`结束标签。这在需要强制文本不换行显示时非常有用,比如在窄列布局中: ```html <nobr>这段文本不会自动换行,即使超出容器宽度也依然在同一行。</nobr> ``` 此外,段落`<p>`还可以通过设置对齐属性`align`来改变其在页面上的位置。基本语法为`<p align="left|right|center">`,其中`left`表示左对齐,`right`表示右对齐,`center`表示居中对齐。例如: ```html <p align="center">这是居中对齐的段落。</p> <p align="right">这是右对齐的段落。</p> ``` 网页制作的基础元素包括文本、图像、超链接、表格、表单、动画和框架。HTML(超文本标记语言)是网页的基本构成部分,它定义了网页的结构;CSS(层叠样式表)负责样式和布局;JavaScript等脚本语言则提供了交互性和动态功能。此外,还有如CGI、PHP、JSP、ASP、CFML、XML、ASP.NET等不同类型的服务器端技术和语言,用于实现更复杂的网页交互和数据处理。 HTML的发展经历了多个阶段,设计原则强调统一化、国际化和易用性。HTML5引入了更多新特性,如表格、合成文档、样式表、脚本语言支持、打印优化和更好的易用性设计。编写HTML文件可以通过直接手写代码、使用可视化编辑器或让服务器动态生成等方式完成,而HTML文件的基本结构通常包括`<html>`、`<head>`、`<body>`等标签。 在编写HTML文件时,需要注意以下几点: 1. 标记通常由尖括号`<`和`>`包围,如`<p>`和`</p>`。 2. 标记可以嵌套,如`<h1><center>...</center></h1>`。 3. HTML代码不区分大小写,`<CENTER>`和`<center>`效果相同。 4. 回车和空格在源代码中不影响显示,但可以通过CSS控制。 5. 标记可以带有属性,如`<b>`(加粗)可以写作`<b style="color:red;">`来同时改变颜色。