HTML标记的综合应用网页设计实验报告
学生实验报告
学院：软件与通信工程学院
课程名称：网页设计基础
专业班级： 08软件与通信工程学院4班
姓名：陈贝贝
学号： 0088225
学生实验报告
一、实验综述
1、实验目的及要求
实验目的：
通过用HTML语言进行编辑，使学生了解网站的制作流程；了解HTML表单标记的应用；了解HTML表格标记的应用；掌握HTML的基本概念、文档的基本结构；掌握HTML文档的结构、HTML设计文字排版；掌握HTML插入多媒体；掌握HTML基本标记，包括标题、背景图片、图像、水平线、字体编辑、段落、超链接、文本堆砌等的使用方法。
熟练掌握HTML中的常用标记的名称及用途。
熟练掌握对HTML语言文字结构的理解；掌握各种元素的使用；熟练掌握图片、动画、声音的嵌入以及超级连接的控制和应用，结合实际，巩固课堂中所学的理论知识。
实验要求：
以个人独立完成的方式，完成一个用HTML语言进行编辑的网页制作，实现一个具有独立主题的网页制作。
2、实验仪器、设备或软件
带IE浏览器的计算机，Windows的写字板、记事本。
二、实验过程（实验步骤、记录、数据、分析）
Step1：设计网站LOGO，网站的标准色彩，并且确定网站主题和网站栏目，一
切设计完成后开始构建页面。
我定义的主题是个人网站，所以主要突出自己的个性特质。
LOGO是sky dream，寓意是我的梦游园。
色彩主页是以蓝色为主，强调梦感。
栏目分为主页，日志（我的印记），相册（美丽瞬间），个人档案（我的万花筒），心情（我的叨叨）和留言板（留言星星河）。
Flash是自己修改的，花了一些力气。
这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。
如图：
主页面index.html,然后依次建立分页面。
Step2：对网页设计框架，进行布局。
利用表格和框架。
主页这里的布局，我主要是使用的表格布局，嵌套使用了div+css样式。
在日志列表下面，因为主要框架相同，就可以避免重复。
部分演示如下：
每个部分的框架，要设计好，不然很容易出现混乱的状况。
Step3:使网站更加美观和多元化，使用了一些媒体元素和特效：
●插入了音乐<embed src="music/Norah Jones - New York City.mp3"
hidden="true"></embed>；
●插入flash导航，使用<object classid="c"
codebase="/pub/shockwave/cabs/flas h/swflash.cab#version=7,0,19,0" width="837" height="312">
<param name="movie" value="flash/flash.swf">
<param name="quality" value="high">
<embed src="flash/flash.swf" quality="high"pluginspage="
/go/getflashplayer"
type="application/x-shockwave-flash" width="837"
height="312"></embed>
</object>
●使用文字特效和图片滚动。
利用的<MARQUEE behavior =“value” bgcolor
=“color” direction =“value” height =“value” width =“value” loop =“value ” scrollamount =“value ” scrolldelay =“value” hspace=“value” vspace=“value”>滚动文字</MARQUEE>。
子页面效果预览
1.留言板：运用了表单，按钮等元素。
三、结论
1.实验结果
实验结果：能在浏览器中运行，看到自己做的网站。
HTML 标记的应用很重要，是构建页面的基本元素。
2.分析与讨论
A.有关于框架的，还在琢磨中。
在日志快，除了内容不同，其余板式完全一致。
但是框架出来的效果让人大跌眼镜，是我的技术比较生疏，效果不理想，框架一块有待提高；
B.常见的问题总结
1、不要将所有文件都存放在根目录下，会造成文件管理混乱
常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。
另外，上传速度慢。
服务器一般都会为根目录建立一个文件索引。
当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。
很明显，文件量越大，等待的时间也将越长。
所以，尽可能减少根目录的文件存放数。
2、按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。
例如:企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。
其他的次要栏目，类似what's new，友情连接内容较多，需要经常更新的可以建立独立的子目录。
而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于站长，站点经历等可以合并放在一个统一目录下。
所有程序一般都存放在特定目录。
例如：CGI程序放在cgi-bin 目录。
所有需要下载的内容也最好放在一个目录下。
3、在每个主栏目目录下都建立独立的images目录
为每个主栏目建立一个独立的images目录是最方便管理的。
而根目录下的images目录只是用来放首页和一些次要栏目的图片。
4、目录的层次不要太深
目录的层次建议不要超过3层，维护管理方便。
5、不要使用中文目录
6、不要使用过长的目录
C、确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。
它建立在目录结构基础之上，但可以跨越目录。
建立网站的链接结构有两种基本方式：
1、树状链接结构
类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。
这样的链接结构浏览时，一级级进入，一级级退出。
优点是条理清晰，访问者明确知道自己在什么位置，不会"迷"路。
缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2、星状链接结构
类似网络服务器的链接，每个页面相互之间都建立有链接。
这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。
缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
四、指导教师评语及成绩：
成绩：指导教师签名：
批阅日期：。
网页设计实践报告3篇
网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver，frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。
组长分配任务，大家从上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用，但是出现的问题还是有很多。
有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果四实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。
学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。
通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。
这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。
这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。
这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。
总体来说这次是对我的综合素质的培养，锻炼和提高。
html实训报告总结
html实训报告总结HTML（Hypertext Markup Language）是一种用于创建网页结构的标记语言。
在HTML实训中，我们学习了HTML的基本知识和技巧，并进行了一系列实践操作。
通过该实践，我们深入了解了HTML的各种元素和标签，以及如何使用它们来设计和构建网页。
总结起来，在本次HTML实训中，我们主要学习了以下内容：1. HTML基础知识在实训的开始，我们首先学习了HTML的基础知识。
了解了HTML的历史和发展，学习了HTML的基本结构和语法。
HTML使用标签来定义网页的各个部分，包括头部、正文和尾部。
我们学会了使用DOCTYPE声明来定义HTML文档的类型，并了解了常用的元标签和字符编码。
2. HTML文本标签接着，我们学习了HTML中的文本标签。
HTML提供了一系列标签来定义和格式化文本内容。
我们学会了如何使用标题标签（h1-h6）来定义网页的标题和副标题，并理解了它们的层次结构和使用场景。
还学习了段落标签（p）用于定义文本段落，以及换行标签（br）和水平线标签（hr）等其他常用的文本标签。
3. HTML链接和图片在实际的网页设计中，链接和图片是非常重要的元素。
我们学会了使用链接标签（a）来创建超链接，并了解了如何设置链接的目标、标题和样式。
还学习了如何在网页中插入图片，使用图像标签（img）来设置图片的路径、大小和替代文本。
4. HTML列表和表格列表和表格是常用的内容展示方式。
通过实践操作，我们掌握了无序列表和有序列表的标签（ul、ol、li），以及定义表格的标签（table、tr、td、th）。
学会了如何设置列表和表格的样式，并使用CSS来进一步美化它们的外观。
5. HTML表单和输入控件在实现网页交互功能时，表单和输入控件是必不可少的。
我们学习了表单标签（form）的用法，以及各种常见的输入控件，如文本框、复选框、单选框和下拉框等。
了解了如何设置输入控件的属性和验证规则，并通过实例演示如何提交表单数据。
HTML实验报告
按照属性的作用，可以大致将属性分为以下几类：
表现属性：用来控制页面内容的表现效果，如高度、宽度、边框等。
事件属性：用来添加行为，一般要结合JavaScript来实现，如onmouseover、onclick等。
标记属性：用来标记某个标签，如id、name等。
级联样式属性：是指使用级联样式表，如style、class等。
<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<title>元素是用来定义文档的标题。
<body>元素定义文档的主体。body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
点击链接可以从一张页面跳转到另一张页面。
几乎可以在所有的网页中找到链接。
（二）
（
（）
实验报告成绩（百分制）__________实验指导教师签字：__________
武夷学院实验报告
课程名称：电子商务网站设计与开发_ 项目名称：_基于HTML的网页设计
html网页制作实验总结
html网页制作实验总结在进行HTML网页制作实验的过程中，我深刻体会到了HTML的基本语法和常用标签的重要性，同时也了解到了CSS对于网页设计和排版的重要作用。
通过实际操作，我对于网页制作的流程和技巧有了更深入的了解。
以下是我对这次实验的总结和体会。
首先，在进行HTML网页制作实验之前，我对于HTML的基本语法有了一定的了解。
HTML是超文本标记语言的简称，它是一种用于创建网页的标记语言。
在本次实验中，我主要学习了HTML5的语法规范。
HTML5的语法规范相对于之前的版本更加简洁明了，同时也增加了一些新的功能和标签。
掌握HTML的基本语法对于正确实现网页的结构和布局非常重要。
其次，我学习了HTML中常用的标签和属性。
在网页制作中，标签的使用非常重要，它决定了网页的结构和内容。
在实验中，我学习了一些常见的HTML标签，如``<html>``,`<head>`，`<body>`,`<div>`，`<p>`，`<ul>`，`<li>`等等。
每个标签都有自己的作用和属性，正确使用这些标签可以使网页内容更加有条理和易于阅读。
在实验过程中，我经常使用到的是`<div>`和`<p>`标签，它们可以用来分组元素和段落文字的显示。
除了HTML标签，我还学习了一些常见的属性和样式。
通过使用CSS（层叠样式表），我可以为网页添加各种样式和布局。
例如，我可以改变文本的颜色、大小和字体样式，还可以设置元素的边框、背景和浮动。
在实验中，我学习了一些常用的CSS属性，如`color`，`size`，`font`，`border`，`background`，`float`等等。
正确使用这些属性可以让网页更加美观和易于交互。
在实验的过程中，我还了解了网页制作的基本流程。
首先，我需要根据设计要求确定网页的结构和布局。
然后，我通过使用HTML来创建网页的基本结构，包括头部、主体和底部。
HTML标记的综合应用网页设计实验报告
学生实验报告学院：软件与通信工程学院课程名称：网页设计基础专业班级： 08软件与通信工程学院4班姓名：陈贝贝学号： 0088225学生实验报告一、实验综述1、实验目的及要求实验目的：通过用HTML语言进行编辑，使学生了解网站的制作流程；了解HTML表单标记的应用；了解HTML表格标记的应用；掌握HTML的基本概念、文档的基本结构；掌握HTML文档的结构、HTML设计文字排版；掌握HTML插入多媒体；掌握HTML基本标记，包括标题、背景图片、图像、水平线、字体编辑、段落、超链接、文本堆砌等的使用方法。
熟练掌握HTML中的常用标记的名称及用途。
熟练掌握对HTML语言文字结构的理解；掌握各种元素的使用；熟练掌握图片、动画、声音的嵌入以及超级连接的控制和应用，结合实际，巩固课堂中所学的理论知识。
实验要求：以个人独立完成的方式，完成一个用HTML语言进行编辑的网页制作，实现一个具有独立主题的网页制作。
2、实验仪器、设备或软件带IE浏览器的计算机，Windows的写字板、记事本。
二、实验过程（实验步骤、记录、数据、分析）Step1：设计网站LOGO，网站的标准色彩，并且确定网站主题和网站栏目，一切设计完成后开始构建页面。
我定义的主题是个人网站，所以主要突出自己的个性特质。
LOGO是sky dream，寓意是我的梦游园。
色彩主页是以蓝色为主，强调梦感。
栏目分为主页，日志（我的印记），相册（美丽瞬间），个人档案（我的万花筒），心情（我的叨叨）和留言板（留言星星河）。
Flash是自己修改的，花了一些力气。
这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。
如图：主页面index.html,然后依次建立分页面。
Step2：对网页设计框架，进行布局。
利用表格和框架。
主页这里的布局，我主要是使用的表格布局，嵌套使用了div+css样式。
在日志列表下面，因为主要框架相同，就可以避免重复。
部分演示如下：每个部分的框架，要设计好，不然很容易出现混乱的状况。
html网页设计实验报告
HTML页面设计一、实验名称：静态网页制作二、实验目的与要求：1．掌握Dreamweaver软件的使用。
2．掌握html语言中的表格和框架等的使用。
3．掌握web应用开发技术的基础语言-----html语言。
三、程序设计思想1、基本框架的构建整个页面先分出上中下3个部分，其中先分出上下两个部分，再将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边分为左中两部分，左边再分为上下，，右边也为上下。
左的上位皇马，下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。
即为相关视频以及助攻榜。
代码如下：<frameset rows="15%,*" cols="*"framespacing="0" frameborder="no" border="0"><frame src="标题.html" name="topFrame"scrolling="No" noresize="noresize"id="topFrame" title="topFrame" /><frameset rows="*,10%" cols="*"framespacing="0" frameborder="no" border="0"><frameset rows="*" cols="*,30%"framespacing="0" frameborder="no" border="0"><frameset rows="*" cols="*,60%"framespacing="0" frameborder="no" border="0"> <frameset rows="*,44%" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="皇马.html" name="mainFrame" id="mainFrame" title="mainFrame" /><frame src="巴塞.html" name="bottomFrame1" scrolling="No" noresize="noresize" id="bottomFrame1" title="bottomFrame1" /></frameset><frame src="当前新闻.html" name="rightFrame1" scrolling="No" noresize="noresize" id="rightFrame1" title="rightFrame1" /></frameset><frameset rows="*,30%" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="视频.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" /><frame src="友情链接.html" name="bottomFrame2" scrolling="No" noresize="noresize" id="bottomFrame2" title="bottomFrame2" /></frameset></frameset><frame src="相关信息.html" name="bottomFrame"scrolling="No" noresize="noresize"id="bottomFrame" title="bottomFrame4" /></frameset></frameset>2、顶部页面top部分在BODY里用backgroud属性将图片嵌入到里面，具体源代码如下：<body background="图片/27c4e7ae55a6e3cdfaed50cc.jpg">3、左上部页面皇马部分该页面主要是皇马的一些简介，运用到一个表格，代码如下：<table width="265" height="154" border="1"><tr><td height="17" colspan="4"align="center"><span class="STYLE3">银河战舰II</span></td></tr><tr><td width="88" rowspan="3"><spanclass="STYLE3"></a><a target="_blank" href="../Untitled-3.html"><a target="_blank" href=".com/team.aspx?lega=liga&teamid=357"><img src="图片/xinsrc_.gif" width="96" height="128" /></a></span></td><td height="30" colspan="2" align="center"><span class="STYLE3">投票支持皇马</span></td><td width="89" align="center"><span class="STYLE3">皇马主帅</span></td></tr><tr><td height="17"><span class="STYLE3"></span></td><td><span class="STYLE3"></span></td><td rowspan="2"><img src="图片/皇马主帅.png" width="85" height="85" /></td></tr><tr><td height="80"><span class="STYLE3"><input type="submit" name="Submit" value="顶" /></span></td><td><span class="STYLE3"><input type="submit" name="Submit2"value="踩" /></span></td></tr></table>背景只是用了一个黑色为背景色代码如下：<body bgcolor="#000000">坐下与坐上代码类似，就不举出了。
html设计实验报告
html设计实验报告HTML设计实验报告摘要：本实验旨在通过设计一个简单的网页来学习和应用HTML标记语言。
通过实践，我们深入了解了HTML的基本语法和标签，掌握了网页的基本结构和布局，以及如何添加文本、图像和链接等元素。
通过本实验，我们不仅提高了对HTML的理论知识的掌握，还培养了动手实践和解决问题的能力。
1. 引言HTML（超文本标记语言）是一种用于创建网页的标记语言。
它由一系列的标签组成，通过标签来定义网页的结构和内容。
HTML的设计简单易学，广泛应用于网页开发领域。
2. 实验目的本实验的目的是通过设计一个简单的网页来熟悉和掌握HTML的基本语法和标签。
通过实践操作，我们将学会如何创建网页的基本结构、布局和添加元素。
3. 实验过程3.1 创建HTML文件首先，我们需要创建一个新的HTML文件。
可以使用任何文本编辑器，如记事本或Sublime Text等。
在文件的开头和结尾分别添加<html>和</html>标签，表示这是一个HTML文档。
3.2 定义文档头部在<html>标签内，我们需要添加<head>标签，用于定义文档的头部信息。
在<head>标签内，可以添加<meta>标签用于定义字符编码、网页标题等信息。
3.3 定义文档主体在<html>标签内，我们还需要添加<body>标签，用于定义文档的主体内容。
在<body>标签内，我们可以添加文本、图像、链接等元素。
3.4 添加标题使用<h1>到<h6>标签可以定义标题，其中<h1>表示最高级别的标题，<h6>表示最低级别的标题。
标题的级别决定了其在页面中的重要性和显示样式。
3.5 添加段落使用<p>标签可以定义段落。
在<p>标签内，我们可以添加任意文本内容。
可以使用<br>标签来实现换行。
HTML实验报告01
南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证□综合■设计□创新实验日期：实验成绩：2008.10.15一、实验项目名称实验一HTML网页制作实验二、实验目的通过本实验掌握HTML标记的综合使用方法，学会用HTML设计一个简单的页面。
具体要求：做一个用表格布局或者框架布局的页面，并用上超链接技术，给某个栏目链接一个子页面。
（可以参照借鉴本例，但本例也有问题的）三、实验基本原理通过浏览器看到的网站都是由HTML语言构成的。
HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。
HTML文件可以用记事本、写字板或FrontPage Editor 等编辑工具来编写，用HTML编写的文件的扩展名为.HTML或.HTM，它们是能够被浏览器解释显示的文件格式。
用HTML 制作一个简单的网页的过程：（1）用任何文本编辑器（Windows 的写字板、记事本、Microsoft Word或专业的文本编辑器等）输入HTML标记文本；（2）以纯文本格式保存为*.HTML文件；（3）启动浏览器，打开该文件或在地址栏中直接输入存放该文件的地址，就会看到相关的网页画面。
四、主要仪器设备及耗材计算机及相关网页设计软件，打印机，打印纸五、实验步骤（1）将需要的图像和链接页面存放在指定的文件夹内，以便下面写的HTML文档调用。
（2）在文本编辑器中输入下列文本：<html><head><title>小哲学习交流站</title></head><body background="bg.jpg"><table border="0" width="100%" id="table1" height="491"><tr><td colspan="5" height="53"><p align="center"><font size="7" face="华文行楷" color="#993300">小哲学习交流站</font></td> </tr><tr><td colspan="5" height="33"><HR noShade SIZE=1 width="100%" color=#B467F6> </td> </tr><tr><td height="19" width="20%" align="center"><a href="1.htm"><font size="5" face="隶书" color="#800000">本站首页</font></a></td><td height="19" width="20%" align="center"><a href="1.htm"><font size="5" face="隶书" color="#800000">学习交流</font></a></td><td height="19" width="20%" align="center"><a href="1.htm"><font size="5" face="隶书" color="#800000">课件共享</font></a></td><td height="19" width="20%" align="center"><a href="1.htm"><font size="5" face="隶书" color="#800000">作品欣赏</font></a></td><td height="19" width="20%" align="center"><a href="1.htm"><font size="5" face="隶书" color="#800000">联系我们</font></a></td></tr><tr><td width="14%" height="163"></td><td width="40%" colspan="3" height="163"><p align="left"> </p><p align="left"> <i><b><font size="5" face="华文新魏">大家好！我是李哲，欢迎来到本站。
html网页设计实验报告
html网页设计实验报告
实验目的：
通过本次实验，掌握HTML基本标签的使用方法，并能够运用所学知识设计一个简单的网页。
实验步骤：
1. 下载安装HTML编辑器
2. 设计网页结构，包括标题、导航栏、内容区域等
3. 插入文字、图片、链接等元素
4. 优化网页排版和样式
实验成果：
经过不断的实验设计和排版调整，我完成了一个简单而实用的
网页设计。
整个网页结构明确、内容丰富，符合大众化的视觉风格，同时也充分体现了网页设计的个性和创新。
实验体会：
通过本次实验，我深刻认识到了HTML网页设计的重要性和实用性。
在今天的知识经济时代，网络已经成为我们的生活和工作
中不可或缺的一部分，而在网络世界中，如何利用网页设计和实
现信息传递和交流显得尤为重要。
所以，掌握HTML网页设计技
能不仅可以丰富我们的知识储备和实践能力，还可以为我们今后
的职业生涯打下坚实的基础。
总结：
通过本次实验，我对HTML网页设计技术的应用有了初步认识，也进一步了解到了HTML网页设计的一些基本知识和实用技巧。
我相信，在今后的学习和实践中，我会不断地扩展和深化我的HTML网页设计技术，为我今后的职业生涯发展打下坚实的基础。
html实训报告总结
html实训报告总结在这次HTML实训中，我学到了很多关于HTML的知识和技巧。
通过实际动手操作和实践项目，我对HTML的各种标签和属性有了更深入的理解，并且能够运用它们来创建具有各种功能和样式的网页。
首先，我明白了HTML是一种用于创建网页和网页应用程序的标记语言。
它通过使用不同的标签和属性来定义网页的结构和内容。
在实训过程中，我学会了如何使用HTML标签来创建标题、段落、列表、链接和图像等元素。
通过指定属性，我还能够为这些元素添加样式和功能，比如设置文字的字体、颜色和大小，或者为图像添加链接和悬停效果。
其次，我学到了HTML的文档结构和基本语法。
一个标准的HTML文档包含<!DOCTYPE>声明、<html>标签、<head>标签和<body>标签等部分。
在<head>标签中，我可以设置网页的标题、样式表和脚本等元数据。
在<body>标签中，我可以添加实际的内容和结构。
在实训中，我还学到了CSS（层叠样式表）的基础知识。
CSS用于控制网页的布局和外观，可以轻松地改变文本和元素的样式。
通过使用<link>标签或内联样式表，我可以将CSS样式应用于HTML文档中的元素。
例如，我可以定义全局样式、类样式和ID样式，以实现网页的一致性和美观性。
另外，我还了解了响应式设计的原理和实现方法。
在当今移动互联网的时代，确保网页在不同设备和屏幕尺寸上的适应性非常重要。
通过使用CSS媒体查询和弹性布局，我可以为不同的屏幕大小和分辨率优化网页的显示效果，并使其对触摸和手势操作更加友好。
此外，我还学习了HTML表单的创建和处理。
通过使用<input>、<textarea>和<select>等表单元素，我可以创建用户可以输入和提交数据的交互界面。
还可以通过添加验证规则和响应事件，增强表单的功能和用户体验。