章节
问答
课签
笔记
评论
占位
占位

听说有新版本了? - html5文档结构

各位慕课网的小伙伴,大家好,欢迎来到html+css大讲堂,为自己开启一扇精彩纷呈的前端世界的大门。在我们正式开启代码之旅之前,我们先来认识一下前端的基石,接下来的主角——文档结构

html文档结构为下图:

技术点的解释:

1. <!DOCTYPE html>:文档类型声明,表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前

2. <html></html>标签对:<html>标签位于HTML文档的最前面,用来标识HTML文档的开始;</html>标签位于HTML文档的最后面,用来标识HTML 文档的结束;这两个标签对成对存在,中间的部分是文档的头部和主题。

3.<head></head>标签对:标签包含有关HTML文档的信息,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。

4.<body></body>标签对:它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。

任务

我来试试:看你是否学会了html文件结构

右部编辑器中有一个网页的代码,但第2行和第10行缺少代码,请补充。

?不会了怎么办
||
1
2
<!DOCTYPE html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / weixin_慕莱坞4593581
缺少了HTML网页的组成在HTML里面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>作业</title>是由这些组出的还有BODY代码写在body里面

最新回答 / weixin_慕婉清2078164
对的,应该说是文档标签,没有就无法被识别为文档,

最新回答 / weixin_慕虎8359274
划分区域?

已采纳回答 / 迷离SoRrowFly丶
此章节,主要是让你了解html的文档结构,在实际开发中,没有<html></html>标签是无法运行的。,没有不同的原因是,浏览器没有代码检查。下载视频          

最新回答 / weixin_慕运维5122603
显示<body></body>之间的内容。浏览器标题不会变,这是实验环境的区别。

最赞回答 / 星栎
“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。常见的字符编码有:gb2312、gbk、unicode、utf-8。

最赞回答 / 不斩无名
很简单,区别在于http-equiv="content-type" content="text/html; 的有无;所以你要理解这个部分,http-equiv="content-type"规定的是网页的内容样式,content="text/html;规定网页的文本样式要基于超文本标记语言。

已采纳回答 / 慕尼黑0561394
不可以

最新回答 / insolent
<br>换行也是只有起始标签

最赞回答 / 壹叶随心
是的,代表不满足html语法,是语法错误一般是标签没有对应到位

最新回答 / 弋氿
666666666666666666

最新回答 / weixin_慕瓜2438065
代码是程序员用开发工具所支持的语言所写出的源文件
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言