网页设计文字与段落
网页设计字体大小规范
网页设计字体大小规范网页设计字体大小规范是指在网页设计中使用不同字体大小的规定。
字体大小在网页设计中非常重要，它决定了文字的可读性、页面的布局以及视觉效果。
下面是关于网页设计字体大小规范的一些指导原则。
1. 标题字体大小：- H1标题应该有一个相对较大的字体大小，通常在24px至30px之间。
- H2标题应该比H1标题稍微小一些，通常在20px至24px之间。
- H3标题应该比H2标题更小一些，通常在18px至20px之间。
- H4至H6标题应该比H3标题更小一些，通常在16px至18px之间。
2. 正文字体大小：- 正文的字体大小应该在14px至16px之间，以保证良好的可读性。
- 对于长段落的正文内容，可以使用稍微大一点的字体大小，如18px至20px。
3. 导航栏字体大小：- 导航栏的字体大小应该比正文字体稍大一些，通常在16px至18px之间。
4. 引用、副标题和注释字体大小：- 引用、副标题和注释的字体大小应该比正文稍小一些，通常在12px至14px之间。
5. 按钮和链接字体大小：- 按钮和链接的字体大小应该比正文稍大一些，通常在16px 至18px之间。
6. 标签和标识字体大小：- 标签和标识的字体大小应该比正文字体稍小一些，通常在12px至14px之间。
7. 特殊元素字体大小：- 对于特殊元素，如页面标题、强调文字等，可以使用较大的字体大小，但要确保其与整个页面的风格和布局相符。
总之，在网页设计中，字体大小的选择要考虑到页面的整体布局和风格，保证页面的可读性和用户体验。
字体大小的合理搭配可以提高网页的可视性和吸引力，同时也要注意不要过度使用不同的字体大小，以免造成页面混乱和视觉疲劳。
《WEB前端设计》CSS样式之段落属性
《WEB前端设计》CSS样式之段落属性CSS（Cascading Style Sheets）是一种用于控制网页样式的标记语言，它可以和HTML结合使用，为网页提供美观的样式效果。
在CSS中，段落属性是指可以用来控制文本在段落中的排版和样式的属性。
段落是网页中常见的文本块，它通常用于组织和呈现大段的文字内容。
通过使用CSS样式，我们可以调整段落的字体、大小、对齐方式、行高等属性，使得段落在网页中更加美观和易读。
一、字体属性1. font-family：设置段落的字体类型。
可以使用系统字体，也可以引入自定义的字体。
例如，font-family: Arial, sans-serif;表示使用Arial字体，如果系统中不存在Arial字体，则使用系统默认的sans-serif字体。
2. font-size：设置段落的字体大小。
可以使用像素（px）、百分比（%）或者em作为单位。
例如，font-size: 16px;表示字体大小为16像素。
3. font-weight：设置段落的字体粗细。
可以取值为normal（默认）、bold（加粗）、lighter（细）等。
例如，font-weight: bold;表示将字体加粗显示。
二、对齐属性1. text-align：设置段落的对齐方式。
可以取值为left（左对齐）、right（右对齐）、center（居中对齐）等。
例如，text-align: center;表示将段落的文本内容居中对齐。
2. text-indent：设置段落的首行缩进。
可以使用像素（px）、百分比（%）或者em作为单位。
例如，text-indent: 2em;表示段落的首行缩进为两个字体大小的倍数。
三、行高属性1. line-height：设置段落的行高。
可以使用像素（px）、百分比（%）或者无单位的数值作为单位。
例如，line-height: 1.5;表示行高为字体大小的1.5倍。
四、其他属性1. color：设置段落的文本颜色。
CSS中的文字换行和截断处理
CSS中的文字换行和截断处理在网页设计中，文字的排版和显示通常是非常重要的，特别是在处理长段落或者限定宽度的容器中。
CSS提供了多种方法来控制文字的换行和截断，以保证页面的整洁美观和良好的阅读体验。
一、自动换行自动换行是指当文字超出容器的宽度时，自动将其移到下一行进行显示。
在CSS中，可以使用"word-wrap"属性来实现自动换行。
"word-wrap"有两个可选值：1. "word-wrap: normal"：默认值，不强制换行。
如果一行无法容纳整个单词，会超出容器显示。
2. "word-wrap: break-word"：强制换行。
当一行无法容纳整个单词时，单词会被截断并移到下一行进行显示。
例如，以下CSS代码将容器内的文字自动换行：```css.container {width: 300px; /* 假设容器宽度为300像素 */word-wrap: break-word;}```二、强制单词断行有时候，我们希望保持文字的完整性，而不希望单词被截断。
CSS 中的"overflow-wrap"属性可以实现这个效果。
"overflow-wrap"有两个可选值：1. "overflow-wrap: normal"：默认值，不强制单词断行。
如果一行无法容纳整个单词，会超出容器显示。
2. "overflow-wrap: break-word"：强制单词断行。
当一行无法容纳整个单词时，单词会被截断并移到下一行进行显示。
例如，以下CSS代码将保持单词完整，并将超出容器宽度的文字移到下一行：```css.container {width: 300px; /* 假设容器宽度为300像素 */overflow-wrap: break-word;}```三、截断显示在某些情况下，我们希望将超过容器宽度的文字截断显示，以节省空间或者营造特定的设计效果。
网页设计时需要注意什么问题
网页设计时需要注意什么问题网页设计时需要注意什么问题网页设计时需要注意什么问题呢?很多做网页设计人员或许不会太注意一些网页的小细节，但是往往就是因为这些小细节让你的网页带来不一样的效果，同时给你带来更多的用户。
今天就让我们店铺为大家介绍：网页设计时需要注意什么问题?1.网页色彩太杂乱一个网页最好不要选太多种颜色，一般在三种颜色内最佳，选的颜色一般为相近色或对比色较好，这样整个页面看上去大方得体2.网页中字体设置过多通常来说一个网页中最好不要超过三种字体，没有特殊要求的一般都用宋体字。
3.网页内容过于堆叠杂乱网页的内容繁多，各种分支信息占据的空间过多时，为了突出关键的主题时可以设计不一样的字体和背景色，这样可以引导用户注意到你想让他注意的地方。
在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则，也是多年培养的用户习惯。
网页要大众化不要标新立异，毕竟用户不是专业网页设计人士，用户不会站在你的角度上看问题。
当然一成不变不是我们所鼓励的。
4.网页中留白不要太少留白是网页设计中一个重要部分。
适当的留白可以给用户很好的视觉感，而且整体看上去很舒服，段落分明，结构规划合理。
空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。
5.网页设计注意对比效果适当考虑两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。
如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。
6.重视用户电脑的屏幕显示效果也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。
虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。
现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。
假如你希望面对大量的手机用户，最好考虑一个手机版设计。
7.缺乏尺寸大小标准做法是h1的文字大于h2的`文字，头部文字大于段落文字。
《网页设计》课程标准
《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。
该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。
是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。
该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。
二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。
1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。
2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。
3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。
三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。
（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。
根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。
网页排版设计中的字号与行距要点
网页排版设计中的字号与行距要点在网页排版设计中，字号与行距是非常重要的因素。
它们直接影响到网页内容的可读性和美观度。
合理的字号与行距设置可以让用户更好地阅读和理解网页内容。
以下是关于网页排版设计中字号与行距的几个要点：字号的选择要合理。
字号决定了文本的大小，过小的字号会导致用户难以阅读，而过大的字号则可能会造成页面混乱。
通常情况下，段落文本的字号应该在16px至18px之间，标题文本的字号则可以更大一些，一般在20px至24px之间。
选择合适的字号可以让用户更加舒适地阅读网页内容。
行距的设置也非常重要。
行距是指文字间的垂直间距，合理的行距可以提高文本的易读性。
过小的行距会导致行与行之间过于拥挤，不利于阅读，而过大的行距则会造成用户难以连续阅读。
一般情况下，段落文本的行距应该在1.5倍至1.8倍字号之间，标题文本的行距可以稍小一些，一般在1.3倍至1.5倍字号之间。
通过合理的行距设置，可以使文字更加清晰、易读。
字号与行距之间的关系也需要注意。
通常情况下，字号增大时，相应的行距也应该增大，以保持文本的整体平衡。
较大的字号需要较大的行距来避免文字之间的重叠和拥挤。
同时，在设置行距时，还要根据字体的特性来综合考虑，有些字体在较小的行距下可能会显得拥挤，而在较大的行距下可能会显得稀疏。
因此，字号与行距的搭配需要根据具体的字体和设计需求来进行调整。
除了字号和行距的设置，还有一些其他的因素也会影响网页的排版设计。
例如，文字的颜色、字体的选择、对齐方式等都会对网页的整体效果产生影响。
文字颜色应该与背景颜色相协调，以确保文字的清晰度。
字体的选择要考虑到不同终端的兼容性，尽量选择常见的默认字体。
对齐方式也要注意统一，一般情况下，段落文本采用左对齐，标题文本采用居中对齐。
综上所述，字号与行距是网页排版设计中的重要要点。
合理的字号与行距设置可以提高网页内容的可读性和美观度。
字号的选择要合理，行距的设置要适当，并且要注意字号与行距之间的搭配。
《网页设计与制作》课件——项目二 任务一 网页中的文本
切换到设计视图，在“学校简报”后面单击“Enter”键，增加其他列表项， 如图2.1.16所示。列表代码如图2.1.17所示。
图2.1.16 列表效果
图2.1.17 列表代码
最后网页浏览效果如图2.1.18所示。
图2.1.18 网页浏览效果
知识拓展
HTML中的列表
在HTML中的列表常用的主要有两种类型：无序列表、有序列表。 通过列表可以对同类的内容进行简单的归纳。常见的用途有：图书目 录、饭店菜单、人员名单、待办事宜等。这些信息大多不是大篇的信息内 容，而是简要的标题。
属性 ul ol li
说明 定义无序列表 定义有序列表 定义列表中的列表项元素
任务总结
主要让大家学习文本插入及属性设置，其中包括普通文本 与特殊符号的插入、文本的基本属性设置、项目列表的应 用，这些基本操作都是以后网站制作中经1.5 列表文字
图2.1.6 列表效果
步骤3：设置“学校简介”正文
（1）在正文的左上方输入“本站首页”→“学校简介”，在属性面 板设置其大小为12px，颜色为#006600，粗体，如图2.1.7所示。
图2.1.7 文字效果
（2）打开“新闻简介.txt”文件，选择所有文字，单击鼠标右键，从弹 出的快捷菜单中选择“复制”选项，复制所有文字，回到 Dreamweaver中，将鼠标光标放置在正文内容的位置，单击鼠标右键， 从弹出的快捷菜单中选择“粘贴”选项，粘贴所有文字到页面中，如 图2.1.8所示。
项目二 制作学校概况
核心技术 了解网页中的文本样式 应用图片和多媒体丰富页面内容
任务目标
任务一：网页中的文本 任务二：利用图文混排制作漂亮网页
能力目标
文本的基本操作 插入特殊文本对象 项目符号和项目列表 插入与设置图像
第2章网页的基本结构
例如 ： <FONT size＝3 color＝red>属性示例 </FONT>
26 制作：计算机学院 邵黎
第二部分 第2章 网页的基本结构和段落、文字标记
需要注意： （1）并不是所有的标记都有属性，如换行标
记就没有。 （2）根据需要可以用该标记的所有属性，也
5 制作：计算机学院 邵黎
第二部分 第2章 网页的基本结构和段落、文字标记
超文本标记语言——HTML 在 HTML 中 被 制 定 的 文 件 格 式 （
Document Type Definition ，DTD ）有3 种： • Strict DTD（严格的DTD ） • Transitional DTD（过渡的DTD ） • Frameset DTD （框架的DTD ）
第二部分 第2章 网页的基本结构和段落、文字标记
2.2 HTML文件的基本结构
HTML是用标记来说明网络文件格式 的,并通过这些标记对文件的成分进行控制。 它实际上就是一种对超文本进行标记的语 言，其基本特征就是各种HTML的标记符 号。
21 制作：计算机学院 邵黎
第二部分 第2章 网页的基本结构和段落、文字标记
28 制作：计算机学院 邵黎
第二部分 第2章 网页的基本结构和段落、文字标记
在属性值中不要使用“<”和“>”，避免与 起始和结束标记混淆。因为浏览器解释 HTML文件时，是根据“<”与“>”来识别 标记的，然后再确定这两个符号中的内容是 否为HTML文件标记，若是则按其规则解读。 必须使用的话，或要在网页中显示“<” 或“>”，就要作为特殊字符，应使用实体字 符与分号（如用“<”或 “ > ;”来代替 “<”或“>” ）。
网页文字编排设计
网页文字编排设计：打造舒适阅读体验的五大原则一、字体选择：兼顾美观与易读1. 选择易读性强的字体：如宋体、微软雅黑等，这些字体在屏幕显示时具有较高的辨识度，有利于读者快速阅读。
2. 字体大小适中：部分建议使用14px16px的字体大小，确保不同年龄段的用户都能轻松阅读。
二、段落布局：合理划分，保持节奏感1. 保持段落间距：段落间距不宜过窄，一般设置为1.5倍行距，使段落之间有明显的区分。
2. 短段落原则：尽量将段落控制在三到五行，避免过长段落导致读者阅读疲劳。
三、分级：明确层次，突出重点1. 分级：采用H1、H2、H3等标签对进行分级，明确文章结构，便于读者快速把握内容。
2. 字体加粗：对重要进行加粗处理，使其在视觉上更加醒目。
四、文字颜色：注重对比度，提升阅读体验1. 对比度适中：确保文字颜色与背景颜色对比度适中，避免颜色过于接近导致阅读困难。
2. 避免过多颜色：全文颜色不宜过多，以免造成视觉疲劳。
建议全文颜色不超过三种。
五、图文搭配：相得益彰，丰富视觉效果1. 图片与文字紧密结合：确保图片与文字内容相关，相互补充，提高信息传递效果。
2. 图表简洁明了：使用图表时，尽量简洁明了，避免复杂图表导致读者理解困难。
六、留白艺术：适度空间，呼吸自如1. 适当边距：页面四周保持适当的边距，让内容不至于过于拥挤，给读者留出视觉缓冲区。
2. 元素间隔：行与行、图片与文字之间保持一定的间隔，使整个页面布局显得更加和谐。
七、互动元素：引导阅读，提升参与感1. 设计：对重要信息或相关阅读设置明显的，引导读者深入探索。
2. 互动按钮：在适当位置添加评论、分享等互动按钮，鼓励用户参与互动。
八、响应式设计：适应不同设备，无缝阅读体验2. 字体适配：针对不同设备，调整字体大小和行距，确保文字在任何设备上都能清晰显示。
九、辅助信息设计：贴心提示，提升用户体验1. 引导性文字：在复杂内容或操作前，添加引导性文字，帮助用户更好地理解和使用。
前端设计中的排版技巧字体行高和间距的选择
前端设计中的排版技巧字体行高和间距的选择前端设计中的排版技巧：字体、行高和间距的选择在前端设计中，排版是至关重要的一环。
好的排版可以提高网页的可读性和用户体验，同时也能让网页看起来更加美观和专业。
其中，字体、行高和间距的选择是决定排版效果的关键因素。
本文将介绍一些前端设计中的排版技巧，包括如何选择合适的字体、如何调整行高和间距，以帮助设计师更好地进行排版设计。
一、选择合适的字体字体是网页排版中最基本的元素之一。
正确选择合适的字体可以为网页增添独特的风格，同时也关系到网页的可读性。
以下是一些选择字体时需要考虑的要素：1. 字体类型：在网页设计中，常见的字体类型包括衬线字体、非衬线字体和等宽字体。
衬线字体具有装饰性的线条，如宋体、宋体等，适用于正式和传统的网站；非衬线字体则没有衬线，如微软雅黑、Arial等，适用于现代和简洁的设计风格；而等宽字体的字符宽度一致，适用于以代码为主的网站。
2. 字体风格：字体风格包括斜体、加粗、下划线等。
根据网页的主题和需要进行选择，但要注意不要过度使用这些效果。
3. 字体可读性：字体的可读性非常重要。
一般来说，字体应该具备良好的对比度，字符间距适中，字母形状清晰，以确保用户能够轻松阅读网页内容。
二、调整行高行高是指每行文字的垂直间距，也被称为行距。
合适的行高能够提高文字的可读性，同时也可以增加网页的美观程度。
以下是一些调整行高时需要注意的要点：1. 行高比例：一般来说，较小的字体需要较大的行高，以增加可读性。
大多数情况下，行高的比例可以设置为字体大小的1.4倍至1.6倍。
2. 行高的一致性：保持网页中不同段落的行高一致性，可以让用户在阅读网页时更加舒适和连贯。
3. 行高与段落间距：行高和段落间距之间的关系也是需要注意的。
合适的段落间距可以帮助分隔不同的内容，使网页更具层次感。
三、调整间距调整间距是指文字与文字、文字与边框等之间的水平和垂直距离。
合适的间距能够提高文字的可读性和网页的整体美观度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3.1.6 注释标签
◆ 网页效果
3.2 HTML输出格式
3.2.1 文字格式化 3.2.2 计算机输出格式 3.2.3 引文和定义
3.2.1 文字格式化
HTML中提供了很多元素用来对HTML输 出方式进行修饰，如加粗、斜体等。
标签 <b> <i> <big> <small> <sup> <sub> <u>
3.1.2 定义段落
◆ 语法说明
在HTML文件中，<p>标记是一个段落标记符号， 利用<p>标记可以对网页中的文字信息进行段落的定 义，但不能进行段落格式的定义。
段落标记<p>的属性align用来设置段落的对齐方式， 其取值可以为left、center、right或justify，分别表示 居左、居中、居右、两端对齐。缺省时默认为left。
3.1.4 水平分割线
◆ 网页效果
3.1.5 部分标签
部分标签<div>可以将文档分割成独立的、不同的 部分。在<div>标签中定义的文本内容，实际上与没有 在<div>标签中定义的文本内容没有什么区别，但可对 <div>标签进行样式的定义，如引入align属性或使用 CSS。
◆ 基本语法
<div>内容</div>
HTML 4.01与XHTML标准中提供了6个级别的标题， 标题标签被定义在<h1>到<h6>范围内，其中<h1>为最 大标题， <h6>为最小标题。
基本语法:
<h1>内容</h1> <h2>内容</h2> <h3>内容</h3> <h4>内容</h4> <h5>内容</h5> <h6>内容</h6>
<html> <head> <title>回车</title> </head> <body>
刚刚过去的2006年对博文视点的发展来说是意 义非凡的一年，<br>在市场不断变化，道路并不 平坦的一年中，博文视点能够稳住军心，坚持自 己的出版方向，逐渐成为IT出版界的旗舰级机构。 </body> </html>
第3章 文字与段落
3.1 HTML基本标签 3.2 HTML输出格式 3.3 HTML字体设置
3.1 HTML基本标签
3.1.1 设置标题 3.1.2 定义段落 3.1.3 换行标签 3.1.4 水平分割线 3.1.5 部分标签 3.1.6 注释标签
3.1 HTML基本标签
在HTML网页中添加文字
3.1.6 注释标签◆ 基 Nhomakorabea语法<html> <head> <!--请在此添加注释语句！--> <title>添加注释<title> </head> <body> <!--请在此添加注释语句！--> <comment>此处也可以添加注释语句</comment> </body> </html>
3.1.6 注释标签
一个强制换段标记<p>可以看作是两个强制换行标 记<br>。
3.1.2 定义段落
◆ 实例代码
<html> <head> <title>段落</title> </head> <body> 《登金陵凤凰台》<br> 李白<br> <hr> <p> 凤凰台上凤凰游，凤去台空江自流。 吴宫花草埋幽径，晋代衣冠成古丘。 三山半落青天外，二水中分白鹭洲。 总为浮云能蔽日，长安不见使人愁。 </p> </body> </html>
《登金陵凤凰台》<br> 李白<br>
<hr> 凤凰台上凤凰游，凤去台空江自流。<br> 吴宫花草埋幽径，晋代衣冠成古丘。<br> 三山半落青天外，二水中分白鹭洲。<br> 总为浮云能蔽日，长安不见使人愁。<br> </body> </html>
3.1 HTML基本标签
◆ 网页效果
3.1.1 设置标题
◆ 基本语法
<body> 请在此处添加文字！ </body>
3.1 HTML基本标签
◆ 语法说明
在网页中添加文字，只要在 <body></body>之间，需要插入文字 的地方输入文字就可以实现。
3.1 HTML基本标签
◆ 实例代码
<html> <head> <title>添加文字</title> </head> <body >
3.1.2 定义段落
◆ 网页效果
3.1.3 换行标签
在HTML文档中，无法用多个回车、空格、 〈Tab〉键来调整文档段落的格式。要用HTML的 标记来强制换行、分段。
强制换行标记<br>放在一行的末尾，可以使后 面的文字、图片、表格等显示于下一行，而又不会 在行与行之间留下空行，即强制文本换行。由于浏 览器会自动忽略原始码中空白和换行的部分，这使 <br>成为最常用的标记之一。
3.1.3 换行标签
◆ 网页效果
3.1.4 水平分割线
水平分割线是HTML中的基础标签，通常用 来将网页中相同的部分分割成一组，使网页层 次更加清晰。 ◆ 基本语法：
<body>
<hr>
</body>
3.1.4 水平分割线
水平分割线的属性
3.1.4 水平分割线
◆ 实例代码
<html> <head>
</body> </html>
课前复习
2 设置基底网址<base>
课前复习
3 主体内容<body>
主体内容<body>的属性有：设置页面背景bgcolor、 设置页面边距topmargin、leftmargin、rightmargin、 bottommargin和设计正文颜色text。
<body>作为HTML文件主体的标签，有且只有一个， 当需要设置多个<body>的属性时，参照2.2.2，标记属性的 语法： <标记名字 属性1 属性2 属性3 … >
href用于设置网页文件链接的地址
target用于设置页面显示的目标窗口。
target属性值及描述：
属性值 _blank _self _parent _top
描述 在新窗口中打开被链接文档。 在被点击时的同一框架中打开被链接文档（默认）。 在父框架中打开被链接文档。 在窗口主体中打开被链接文档。
课前复习
◆ 语法说明
给代码添加注释语句时，<！-->或 <comment>可以放在HTML文件的任何地方， 都不会在网页中被显示出来。
3.1.6 注释标签
◆ 实例代码
<html> <head> <!--请在此添加注释语句!--> <title>添加注释</title> </head> <body> <!--下面是李白的诗!--> 《登金陵凤凰台》<br>李白<br> <hr> 凤凰台上凤凰游，凤去台空江自流。<br> 吴宫花草埋幽径，晋代衣冠成古丘。<br> 三山半落青天外，二水中分白鹭洲。<br> 总为浮云能蔽日，长安不见使人愁。<br> <comment>李白的诗结束</comment> </body> </html>
2 设置基底网址<base>
<html> <head> <base href=“http://www. Broadview. ”
target=“_self”> </head> <body>
2007年1月16日，电子工业出版社<A href="index">博文视点 </A>公司召开了“博文视点三周年庆典暨颁奖晚会”。 刚刚过去的2006年对博文视点的发展来说是意义非凡的一年， 在市场不断变化，道路并不平坦的一年中，博文视点能够稳住 军心，坚持自己的出版方向，逐渐成为IT出版界的旗舰级机构。
课前复习
3 主体内容<body>
<html> <head> <title>第一个网页</title> <meta name=keyword content=“实验、考察”> </head> <body text="white" bgcolor=“blue“ topmargin=20
leftmargin=20 rightmargin=20 bottommargin=20 > 课堂练习 </body> </html>
<html> <head> <title>设置标题</title> </head> <body >