实验指导2：HTML基本语法

合集下载

程序类实验报告

实验名称：程序设计基础实验实验目的：1. 理解程序设计的基本概念和原理。

2. 掌握编程语言的基本语法和编程技巧。

3. 提高程序调试和问题解决能力。

实验时间：2023年X月X日实验地点：计算机实验室实验器材：1. 计算机2. 编程软件（如Visual Studio、Eclipse等）3. 实验指导书实验内容：一、实验一：基本语法学习1. 实验目的了解编程语言的基本语法，包括变量声明、数据类型、运算符、控制结构等。

2. 实验步骤（1）编写一个简单的C程序，实现变量声明、赋值、打印输出。

（2）使用if语句实现一个简单的判断功能。

（3）使用for循环实现1到10的累加和。

（4）使用while循环实现计算两个数的最大公约数。

3. 实验结果（1）变量声明、赋值、打印输出：```c#include <stdio.h>int main() {int a = 10, b = 20;printf("a = %d, b = %d\n", a, b); return 0;}```（2）if语句实现判断功能：```c#include <stdio.h>int main() {int a = 5, b = 10;if (a > b) {printf("a > b\n");} else {printf("a <= b\n");}return 0;}```（3）for循环实现累加和：```c#include <stdio.h>int main() {int sum = 0;for (int i = 1; i <= 10; i++) {sum += i;}printf("1到10的累加和为：%d\n", sum); return 0;}```（4）while循环计算最大公约数：```c#include <stdio.h>int main() {int a = 48, b = 18, temp;while (b != 0) {temp = b;b = a % b;a = temp;}printf("最大公约数为：%d\n", a);return 0;}```二、实验二：函数使用1. 实验目的了解函数的概念和作用，掌握函数的声明、定义和调用。

《.NET开发基础》实验指导书

《.NET开发基础》实验指导书计算机学院软件教研室2012年10月实验一 C#基本编程方法一．实验目的1.练习C#中变量声明和赋值的方法。

2.练习C#类型转换的方法。

3.练习C#分支语句的基本用法。

4.练习C#循环语句的基本用法。

二．实验内容1.编写并调试一个C#控制台应用程序，输出1到5的平方值。

2.编写一个C#控制台应用程序，要求完成下列功能。

（1）接收一个整数n。

（2）如果接收的值n为正数，输出1到n间的全部整数，循环转向（1），继续接收一个整数n。

（3）如果接收的值为负值，用break退出循环。

3.为铁路部门编写计算运费的程序。

假设铁路托运行李，规定每张客票托运费计算方法是：行李重量不超过50kg时，每千克0.25元；超过50kg而不超过100kg时，其超出部分每千克0.35元时；超过100kg时，其超过部分每千克0.45元。

要求从键盘上输入行李重量后，程序计算并输出托运的费用。

三．实验体会：实验二 C#面向对象编程一．实验目的1.练习如何创建类和对象。

2.练习如何为定义的类编写相应的方法。

3.练习如何通过属性访问对象中的数据。

4.练习如何创建基类及其派生类。

二．实验内容1.编写一个控制台应用程序，定义并使用一个时间类，该类包含时、分、秒字段与属性，具有将时间增加1秒、1分和1小时的方法，具有分别显示时、分、秒和同时显示时分秒的方法。

2.编写一个控制台应用程序，程序中有两个类定义，一个是创建程序时系统自动创建的类Class1，一个是用户自定义的Student类，要求该类包含私有字段：学号(字符串)、姓名（字符串）和性别（字符），具有三个属性：学号（读写）、姓名（只读）、性别（读写），具有有参构造方法、具有同时显示学生个人信息的方法。

在Class1类的Main方法中完成以下功能：（1）从键盘上输入一个学生的个人信息（学号、姓名、性别）。

（2）修改该学生的学号和性别。

（3）打印修改前后该学生的个人信息。

网页设计实验指导书

网页设计实验指导书经济与管理学院二零一二年二月实验一HTML标记的基本语法一、实验目的和要求1．熟悉HTML文件的编辑环境；2．掌握HTML中与文字、图像、页面、表格、表单和框架等的基本标记。

3．学会使用HTML设计出文本与图像相结合的较为复杂的页面。

二、实验内容1、根据如表1-1所示的表格写出完整的HTML代码；其中，《网络原理》和《网页设计与制作》课程的详细说明文件分别为该网页所在目录的net.htm和web.htm，需要为表中的书名设置相应的超级链接，以便在点击后可跳转到相应的说明页上。

2、编写出实现如图1-1所示页面效果的关键html代码，要求点击左边各目录项，相应的链接会显示在右下的帧中，并且适当填加特效如：背景图片、图像、动画等（也可自行设计效果）。

图1-1 个人网站首页3、编写出实现如图1-2所示页面效果的关键html代码，其中各子项目都做了超链接，链接的目标文件自行指定。

图1-2 列表效果图三、实验步骤1．打开任何一种文本编辑工具，可以是附件中的记事本，也可以是rontPage/Dreamweaver 的代码窗口。

2．按各种不同标签的语法规则，输入合法的代码。

3．输入完成后保存代码文件，文件后缀为.htm/.html。

4．在IE浏览器中打开保存的文件，看看是否能完成自己想要的设置。

四、程序代码（在实验报告中写出）（1）<table width="500" border="1"><caption>课程表</caption><tr><td><div align="center">课号</div></td><td><div align="center">课程名</div></td><td><div align="center">学分</div></td></tr><tr><td><div align="center">1002201</div></td><td><div align="center"><u>《网络原理》</u></div></td><td><div align="center">6</div></td></tr><tr><td><div align="center">1003302</div></td><td><div align="center"><u>《网页设计与制作》</u></div></td><td><div align="center">5</div></td></tr><tr><td><div align="center">1003507</div></td><td><div align="center">《管理学原理》</div></td><td><div align="center">5</div></td></tr></table>2.还没弄3.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"></style></head><body><ul><li><h1><span class="STYLE1">列表项目1</span></h1><ol><li class="STYLE6"><a href="常用/新建文件夹/市场营销.doc">子列表项1</a></li><li class="STYLE6"><a href="常用/新建文件夹/市场营销.doc">子列表项2</a></li></ol></li></ul><ul><li><p class="STYLE4">列表项目2</p><ol><li class="STYLE5"> <a href="常用/新建文件夹/市场营销.doc">子列表项1</a></li><li class="STYLE5"><a href="常用/新建文件夹/市场营销.doc">子列表项2</a></li></ol></li></ul></body></html>五、实验心得体会主要包括在实验过程中学到了哪些东西；遇到了哪些困难，又是如何解决的；还有什么问题没有解决，分析其原因。

HTMLCSS上机实验指导书网页设计实验指导

南阳理工学院HTML+CSS上机实验指导书（2011 版）软件学院· .NET 教研室2011.8目录实验一熟悉HTML 网页如何手工制作 (3)实验二熟悉HTML 网页和各种标签 (3)实验三熟悉使用DREAMWEAVER制作HTML 网页的方法 (4)实验四列表标签和超链接标签 (4)实验五网页表格的制作 (5)实验六网页表单的制作 (5)实验七熟悉CSS基本结构一 (6)实验八熟悉CSS基本结构二 (6)实验九熟悉CSS基本结构三 (7)实验十熟悉CSS基本结构三 (7)实验十一熟悉DREAMWEAVER使用（一） (8)实验十二熟悉DREAMWEAVER使用（二） (9)实验一熟悉HTML 网页如何手工制作【实验目的】熟悉HTML 的基本结构和常用标记，使用记事本编写网页文件。

【实验内容】建立一个简单的HTML 文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。

排版中涉及到的标签包括：标题标签、字体标签、分段标签等。

【实验步骤】1、打开记事本程序，编写网页的基本结构2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置3、将文件保存为*. Html4、用浏览器打开所保存的网页文件，在浏览器中显示效果5、根据结果重新调整原代码6、重复步骤4，步骤 5实验二熟悉HTML 网页和各种标签【实验目的】熟悉HTML 的基本结构和常用标记，使用记事本编写网页文件。

【实验内容】建立一个简单的HTML 文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。

进一步，向网页中加入图片，使用相应标签对网页进行美化。

网页美化中涉及到的标签包括：图像标签、超链接标签等。

【实验步骤】1、打开记事本程序，编写网页的基本结构2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置3、将文件保存为*. Html4、用浏览器打开所保存的网页文件，在浏览器中显示效果5、根据结果重新调整原代码6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果7、重复步骤4，步骤 5实验三熟悉使用Dreamweaver 制作HTML 网页的方法【实验目的】熟悉使用Dreamweaver制作HTML 网页的方法【实验内容】使用Dreamweaver建立一个站点，然后建立简单的HTML 文件，并输入相应的内容，要求使用相应标签对网页内容进行排版，同时注意掌握Dreamweaver 的使用方法。

《ASP.net》实验指导书

ASP实验指导书目录实验1: ASP Web服务器的安装与配置................................- 1 - 实验2：HTML标记符的使用（表格、表单对象、CSS样式） ......................................................................................................- 3 - 实验3：VBScript 程序设计..................................................- 5 - 实验4：ASP内建对象..............................................................- 7 - 实验5：数据库基础知识 ......................................................- 10 - 实验6：ASP存取数据库 .......................................................- 12 - 实验7：深入进行数据库编程..............................................- 13 - 实验8：文件存取组件及其他组件 .....................................- 16 -实验1:ASP Web服务器的安装与配置一、实验目的熟悉IIS的安装过程与配置方法。

通过编写简单的ASP页面，掌握ASP网页的编写和运行方法。

二、实验器材及数量Windows Server计算机系统，安装IIS、Macromedia Dreamweaver 8.0、Internet Explorer浏览器、Access数据库等。

三、实验原理利用ASP中对象的方法、事件、属性制作动态网页。

Html设计实验报告

山东信息职业技术学院《网页设计》实验报告（2010—2011学年第二学期）班级：姓名：学号：指导老师：实验一认识Dreamweaver CS3一、实验目的1、熟悉Dreamweaver CS3环境。

2、了解HTML文件结构。

二、实验环境计算机三、实验内容创建站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。

无论哪种方式，都要事先在本地磁盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。

下面介绍一下这两种方式的具体操作步骤。

1．使用向导建立站点使用向导建立站点的步骤如下：（1）打开建立站点向导的方法有3种。

①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。

②选择“站点”菜单中的“新建站点”命令。

③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。

起始页中新建站点“管理站点”对话框（2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字”文本框中输入站点名字，如travel。

若已申请域名则可以在“您的站点的HTTP地址（URL）是什么”文本框中填入申请的域名地址。

如图所示。

设置站点名和URL地址（3）单击“下一步”按钮，询问是否使用服务器技术，如图所示。

若是静态站点则选中“否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。

选择是否使用服务器技术（4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。

（5）单击“下一步”按钮，在“您如何连接到远程服务器”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。

（6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。

网页开发实验报告日志

实验日期：2021年10月15日实验地点：计算机实验室实验时长：3小时实验指导老师：张老师实验小组：小组A一、实验目的1. 熟悉HTML、CSS和JavaScript等网页开发技术。

2. 学习使用网页开发工具，如Dreamweaver、Visual Studio Code等。

3. 完成一个简单的网页开发项目，提高实际操作能力。

二、实验内容本次实验主要涉及以下内容：1. HTML基础知识：学习HTML的基本标签、结构、属性等。

2. CSS样式设计：学习如何使用CSS对网页进行美化，包括字体、颜色、布局等。

3. JavaScript编程：学习JavaScript的基本语法、事件处理、DOM操作等。

4. 网页开发工具的使用：学习使用Dreamweaver和Visual Studio Code进行网页开发。

三、实验步骤1. 准备工作（1）打开实验环境，确保网络连接正常。

（2）打开Dreamweaver或Visual Studio Code等网页开发工具。

2. HTML基础（1）创建一个新的HTML文件，并设置基本的HTML结构。

（2）学习并使用常见的HTML标签，如标题（<h1>、<h2>）、段落（<p>）、列表（<ul>、<ol>、<li>）等。

（3）添加图片、链接、表单等元素，熟悉其属性和用法。

3. CSS样式设计（1）创建一个新的CSS文件，并链接到HTML文件中。

（2）学习并使用CSS选择器，如类选择器、ID选择器、标签选择器等。

（3）设置字体、颜色、背景、边框等样式，对网页进行美化。

4. JavaScript编程（1）在HTML文件中添加JavaScript代码，实现简单的交互功能。

（2）学习JavaScript基本语法，如变量、数据类型、运算符等。

（3）掌握事件处理和DOM操作，如点击事件、修改元素内容等。

5. 网页开发工具的使用（1）使用Dreamweaver创建网页，并使用其可视化界面进行开发。

《网页设计与制作基础》实验指导书(2010-2011-2)-实验1

实验一网页的认识实验目的1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件；2、利用记事本来编辑HTML文档并浏览。

3、配置网站运行环境。

实验环境WindowsXP操作系统，内部组成局域网，外连Internet互联网。

实验重点及难点◆熟悉使用浏览器进行浏览、搜索、下载。

◆熟悉HTML的结构、语法。

◆创建与管理站点实验内容1、浏览新浪主页并保存，观察其保存结果（其中包括哪些文件和文件夹）。

2、从网上（如网页制作大宝库等）下载网页制作时需要的小图片、动画及flash等网页制作素材。

3、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析网页。

4、制作一个简单的网页sy1-1.htm，用记事本编辑，网页标题为“我的第一个网页”，内容为司空曙的《江村即事》（要求加入文档类型声明），如下图所示。

5、使用Dreamweaver建立一个本地站点。

6、注：站点名称用你的名字的首字母，如方清华用fqh。

1）在网站根文件夹下创建文件夹sy12）打开“文件”面板并上传，类似于下图注：请利用“管理站点”的“导入”和“导出”功能保存和恢复站点设置，减少重复配置操作。

3）配置IIS。

打开控制面板>管理工具>internet信息服务。

注：如果“管理工具”中没有“internet信息服务”，请利用“控制面板”的“添加/删除程序”工具添加（在“添加/删除组件”选项中设置）。

4）配置本地intranet附录2 课程设计报告模板《网页设计与制作基础》课程设计报告任课教师专业班级班级代码组号第组组长学号姓名设计主题《网页设计与制作基础》课程组制评语（由任课教师答辩时填写）分工情况表（该表后两列由教师填写外，其余部分由学生填写）员的最后课程设计成绩是小组课程设计成绩与个人附加分之和。

指导教师（签名）：年月日一、设计目的（正文字体为“仿宋_GB2312”，字号为四号字）二、设计环境（正文字体为“仿宋_GB2312”，字号为四号字）三、设计步骤（各主要设计流程如确立主题、规划网站以及网页架构、素材准备、制作网页等的具体步骤）（正文字体为“仿宋_GB2312”，字号为四号字）四、设计结果（各相关网页的截图）（正文字体为“仿宋_GB2312”，字号为四号字）五、心得（通过此次课程设计说说你在设计过程中遇到的问题和解决方法，以及有何收获）（正文字体为“仿宋_GB2312”，字号为四号字）实验报告课程名称实验项目名称班级与班级代码实验室名称（或课室）专业任课教师学号：姓名：实验日期：年月日广东商学院教务处制姓名实验报告成绩评语：指导教师（签名）年月日说明：指导教师评分后，实验报告交院（系）办公室保存。

1、HTML基本标签实验报告

<title>郭敬添--常用于页面布局的块级标签</title>
</head>
<body>
<h1>商品信息</h1>
<h2>产品类别</h2>
<hr/>
<ul>
<li>数码
<ul>
<li>笔记本</li>
<li>手机</li>
<li>家电</li>
</ul>
</li>
<li>美容</li>
<li>服装</li>
<head>
<title>郭敬添--唐诗三百首</title>
</head>
<body>
<h1>唐诗三百首</h1>
<hr />
<h2>目录</h2>
<p>第一首;静夜思</p>
<p>第二首;忆江南</p>
<p>第三首;长恨歌</p>
<hr /><h3>静夜思</h3>
<p>作者;李白</p>
<p>床前明月光，疑是地上霜。举头望明月，低头思故乡。</p>
20120220专业名称网络系统管理班级名称11网络系统管理301课程名称web客户端技术指导教师实验名称html基本标签实验目的使用html的基本结构创建网页使用图像标签实现图文并茂的页面实验内容描述行级标签实验方法基本块级标签11代码vdoctypehtmlpublicw3cdtdxhtml10transitialenxhtml1dtdxhtml1transitionaldtdhtmlheadtitle郭敬添唐诗二百首titleheadbodyh1唐诗二百首h1hrh2目录h2p第一首

2025年Html设计实验报告

山东信息职业技术学院《网页设计》试验汇报（—第二学期）班级：姓名：学号：指导老师：试验一认识Dreamweaver CS3一、试验目的1、熟悉Dreamweaver CS3环境。

2、理解HTML文献构造。

二、试验环境计算机三、试验内容创立站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创立。

无论哪种方式，都要事先在当地磁盘上建立一种用来寄存站点的文献夹，这个文献夹就是当地站点的根目录。

下面简介一下这两种方式的详细操作环节。

1．使用向导建立站点使用向导建立站点的环节如下：（1）打开建立站点向导的措施有3种。

①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。

②选择“站点”菜单中的“新建站点”命令。

③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。

起始页中新建站点“管理站点”对话框（2）打开“站点定义為”对话框，在“您打算為您的站点起什么名字”文本框中输入站点名字，如travel。

若已申請域名则可以在“您的站点的HTTP地址（URL）是什么”文本框中填入申請的域名地址。

如图所示。

设置站点名和URL地址（3）单击“下一步”按钮，问询与否使用服务器技术，如图所示。

若是静态站点则选中“否，我不想使用服务器技术”单项选择按钮，若是动态站点可以深入设置使用哪一种服务器技术。

选择与否使用服务器技术（4）单击“下一步”按钮，在“您将把文献存储在计算机上的什么位置”文本框中直接输入站点根目录的途径，或者单击“浏览”按钮，选择文献夹目录。

（5）单击“下一步”按钮，在“您怎样连接到远程服务器”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。

（6）单击“下一步”按钮，将显示前几步设置的总結信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完毕”按钮。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

实验指导2： HTML基本语法[内容提示]本章简要介绍了HTML的基本语法。

[学习目的]通过本实验的学习，同学们应该：（1）、了解HTML基本语法；（2）、运用HTML 基本语法，建立一个HTML文件。

第一节HTML与JSPHTML，它是一种标记语言，浏览器识别的语言，我们看到的所有页面都是html语言，HTML 也是j2ee用于展现给用户的界面的最好解决方案。

JSP是基于Java的、执行于服务器端的动态网页开发技术，用于创建可支持跨平台及跨Web服务器的动态网页。

Jsp是以java语言为主，然后通过后台服务生成html标签，这样做的好处是安全可靠、比较直观。

比如要html页面动态生成所有注册用户，那么就用java调用后台数据库，读出所有用户的数据，然后打印到页面上。

第二节HTML基本语法一、页面标记HTML 文件结构(Document Structures)：<html>...</html><head>...</head><body>...</body><HTML><HEAD><title>, <base>, <link>, <isindex>, <meta></HEAD><BODY>HTML 文件的正文写在这里... ...</BODY></HTML>语言字符集(Charsets)的信息：<meta http-equiv="Content-Type" content="text/html;charset=#">#=us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr,gb2312, gb_2312-80,x-euc-tw, x-cns11643-1, x-cns11643-2, big5可在 HTML 文件中设置 MIME 字符集信息。

在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(language encoding)。

但是如果 HTML 文件里写明了设置，浏览器就会自动设置语言选项。

尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。

否则，在浏览该主页时，若未正确设置语言选项，显示将可能混乱。

背景色彩和文字色彩：<body bgcolor=# text=# link=# alink=# vlink=#>bgcolor --- 背景色彩text --- 非可链接文字的色彩link --- 可链接文字的色彩alink --- 正被点击的可链接文字的色彩vlink --- 已经点击(访问)过的可链接文字的色彩#=rrggbb色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。

16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.背景图象 <body background="image-URL">Non Scrolling Background <body bgproperties=FIXED>页面空白(Margin) ：页面左边的空白 <body leftmargin=#>页面上方的空白(天头) <body topmargin=#> #=margin amount链接(Link)：基本语法 <a href="URL"> ... </a>这是一个<a href="samp/link.html">链接的例子</a>。

跳转到页面的另外一个地方：<a href="#name"> ... </a><a name="name"> ... </a><a href="#jump-test">跳转到下一个"链接点"</a><P><a name="jump-test">下一个链接点</a>跳转到另一个页面的某个地方<a href="URL#name"> ... </a><a name="name"> ... </a>跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。

开一个新的(浏览器)窗口 (Target Window)：<a href="URL" target="Window_Name"> ... </a><a href="samp/window.html" target="window_name">开一个新窗口!</a>标尺线：<hr><hr><hr size=#><hr size=10><hr width=#><hr width=50><hr width=50%><hr align=#> #=left, right<hr width=50% align=left><hr width=50% align=right><hr noshade><hr noshade><hr color=#>#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua<hr color="red">二、字体标记标题字体(Header)：<h#> ... </h#> #=1, 2, 3, 4, 5, 6<h1>今天天气真好！</h1> 今天天气真好！<h2>今天天气真好！</h2> 今天天气真好！<h3>今天天气真好！</h3> 今天天气真好！<h4>今天天气真好！</h4> 今天天气真好！<h5>今天天气真好！</h5> 今天天气真好！<h6>今天天气真好！</h6> 今天天气真好！<hn>---</hn> 这些标记显示黑体字。

<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。

因此在一行中无法使用不同大小的字体。

字体大小：<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#<basefont size=#> #=1, 2, 3, 4, 5, 6, 7<font size=7>今天天气真好！</font> 今天天气真好！<font size=6>今天天气真好！</font> 今天天气真好！<font size=5>今天天气真好！</font> 今天天气真好！<font size=4>今天天气真好！</font> 今天天气真好！<font size=3>今天天气真好！</font> 今天天气真好！<font size=2>今天天气真好！</font> 今天天气真好！<font size=1>今天天气真好！</font> 今天天气真好！物理字体(Physical Style)：<b>今天天气真好！</b> 今天天气真好！<i>今天天气真好！</i> 今天天气真好！<u>今天天气真好！</u> 今天天气真好！<tt>今天天气真好！</tt> 今天天气真好！<sup>今天天气真好！</sup> 今天天气真好！<sub>今天天气真好！</sub> 今天天气真好！<s>今天天气真好！</s> 今天天气真好！<strike>今天天气真好！</strike> 今天天气真好！逻辑字体(Logical Style)：<em>今天天气真好！</em> 今天天气真好！<strong>今天天气真好！</strong> 今天天气真好！<code>今天天气真好！</code> 今天天气真好！<samp>今天天气真好！</samp> 今天天气真好！<kbd>今天天气真好！</kbd> 今天天气真好！<var>今天天气真好！</var> 今天天气真好！<dfn>今天天气真好！</dfn> 今天天气真好！<cite>今天天气真好！</cite> 今天天气真好！<small>今天天气真好！</small> 今天天气真好！<big>今天天气真好！</big> 今天天气真好！指定“字体大小”的标记和“指定字体”的标记的组合使用：<i><font size=5><b>今天</b> 天气<font size=6> 真好！</font></font></i>字体颜色：指定颜色 <font color=#> ... </font>#=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua<font color=ffffff>White</font> &<font color=white>White</font>客户端字体(Font Face)：<font face="#, #, ..., #"> ... </font>#=客户端可获得的字体<font face="Arial, Helvetica"> Hellow World!</font>客户端字体(Font Face)示例：字符实体(Entities)&#; #=字符实体名称或者 ascii 值HTML2.0 的字符集& &< <> >" "三、文字布局标记行的控制：段(Paragraph) (可以看作是空行) <p>你好吗？<p>很好。