JavaWeb学习之路(6)--了解HTML之body标签
教程管理员 发布于2023-09-25 21:31 HTML教程 131
1. 题外话
今天是一个重要的一天，新建了一个QQ学习群，将我的一部分学生拉到群里。以后可以通过QQ群更好的跟学生交流，了解本教程的问题并进行及时的改进。
另外一些自习课，我也可以抽空去答疑，希望能他们毕业的时候，能够多多成才，有一个美好的未来。
2. 关于标签
网页是HTML代码编写的，而HTML代码是由标签组成的。
标签的样式形如<xxx></xxx>，注意<xxx>是标签的开头部分，</xxx>是对应的结尾部分，开头和结尾中间夹着的就是标签的内容了。
所以，上节课我们讲的三个标签<html>、<head>、<title>分别对应的是整个网页，网页的头部，网页头部的标题。如下图，红线部分就是整个网页，蓝线部分就是网页的头部，而hello就是网页头部的标题。
这三个标签所代表的内容是包含关系，红框包含了篮筐部分，篮筐部分又包含了标题部分。
这是因为代码也是包含关系如下：
<html>
<head>
<title>hello</title>
</head>
</html>
1
2
3
4
5
3. 学习一个重要标签<body>
在一个网页中，除了上面的标题，最重要的是网页的内容部分，如下图，蓝线部分是网页的标题，而下面主要的展示区域就是网页的内容部分了。
网页的内容部分通过<body>标签进行描述，由于网页内容是属于网页的，所以<body>标签要在<html>标签内部；然后由于内容部分在头部标题的下方，所以<body>标签要处于<head>标签下面。
所以一个完整的网页代码如下：
<html>
<head>
<title>hello</title>
</head>
<body>
this is a web page
</body>
</html>
1
2
3
4
5
6
7
8
4. <body>作用
<body>标签中间包含的内容，会显示在浏览器的内容区域，所以上面代码的效果如下：
大家可以随意修改body标签中间的部分，然后保存后，再打开网页，查看效果。
5. 小结
html表示整个页面。
head代表网页的头部，title是头部的文字部分。
body是网页的内容部分。
感觉还是比较简单的，多加练习吧！
相关推荐
- 03-06 环保主题标签——绿色环保简约清晰Office PPT免费模板背景素材下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序，Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 10-04 《HTML5游戏编程核心技术与实战》——2.8 小结
- 10-04 腾讯视频生成的Html代码
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
