博客列表 >2019年7月2日作业(一) - HTML文档的基本结构

2019年7月2日作业(一) - HTML文档的基本结构

杜强_上海_315106编程学习
杜强_上海_315106编程学习原创
2019年07月06日 22:26:56617浏览

以下一段代码为:HTML文档的基本结构!

<!-- 文档类型:为html-->
<!DOCTYPE html>
<!-- 文档根元素:表示当前是英文状态,如果页面提示翻译,那么就可以改成zn-cn-->
<html lang="en">
<!-- 文档头部head :是给浏览器看的-->
<head>
 <!-- 编码语言:utf-8-->
 <meta charset="UTF-8">
    <title>这里是写html标题的地方,也是给浏览器看的,做网站优化的时候这个标题标签是一定要写的,因为浏览器要读取</title>
</head>
<!-- bodu是给浏览器看的-->
<body>
<h>这里是给电脑用户看的具体内容,这里内容的精彩与否直接决定了来你网站观看内容的客户的时间长短,简单可以形容为网站跳出率</h>
</body>
</html>

以下图片为以上代码执行结果:

0702-1.png

总结:

学习完HTML文档的基本机构后,需要明白以下四个问题:

  1. HTML是由那三个部分组成:“html  head   body”

  2. <html lang="en">文档根元素的运用,什么时候用en什么时候用zn-cn。cn表示当前网页状态为英文,zn-cn表示当前网页状态为中文!

  3. head部分是给谁看的,”<head>内容</head>“这一部分内容是给浏览器看的!所以如果做网站优化的话一定要注重这部分!特别注意:<meta charset="UTF-8">这段代码是告诉浏览器,你的网站是用什么编码方式写的!这篇作业就是用UTF-8的编码方式来书写的!

  4. body部分是给谁看的“<body>内容</body>这一部分内容是给进入网页的用户看的,这里的用户是指”上网的用户“


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议