发表于： 2018-06-05 01:58:02
1 695
今天完成的事情：
1.下载了Chrome、webstorm以及汉化包，汉化包教程：https://www.cnblogs.com/srx121201/p/9088483.html；
2.了解了HTML的基本结构：
<!DOCTYPE html>
<html lang="zh">
<head>
` <meta charset=“utf-8" />
<title>文档的标题</title>
</head>
<body>
<h1>这是一个一级标题</h1>
<p>这是一个段落</p>
</body>
</html>
① 第一行的<!DOCTYPE html>表示这是一个HTML5的文档类型，<!DOCTYPE html>必须放在首行，<html>标签的前面；
② <!DOCTYPE html>声明不是HTML标签，是指示web浏览器关于页面使用哪个HTML版本进行编写的指令；
③ <!DOCTYPE>全称是document type，文档类型；
④ <html lang="zh"> lang属性的作用是：声明当前页面的语言类型，主要是给搜索引擎看的，搜索引擎不会判断页面是中文站还是英文站，lang="zh"会告诉搜索引擎这是一个中文页面，其它的还有 lang="en" 英文，lang="ja" 日文，lang="en-us" 美式英文，更多的可以看看知乎https://www.zhihu.com/question/20797118（看的很蒙。。。）；
lang的全称是language 语言，是一个HTML规范，每次写页面都应该加上；
lang属性不单可以放在<html>标签里，也可以放在任何一个元素标签中，比如：<p lang="en">This is English.</p>;
lang属性的值要与内容相对应，否则搜索引擎可能会将不符合用户想要的语言告诉用户；
lang属性现在不仅可以用于页面，也可以用于音频、视频；
⑤ <html>标签是文档的根元素，它包含<head>和<body>标签，是整个页面不可或缺的；
⑥ <head>标签定义文档的头部，所有要告诉搜索引擎的信息基本都集中在这里，是所有头部元素的容器，其中包括<meta>、<title>、<script>、<base>、<link>、<style>;
⑦ <meta>标签是一个自关闭标签，其它大部分标签都由开始标签和关闭标签组成，而<meta>标签则在开始标签中关闭，类似的还有<img>、<br />;
<meta>标签用于提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词、页面所使用的字符编码；
<meta>标签的charset属性规定页面所使用的字符编码，现在通用的是Unicode字符编码的“utf-8”；
⑧ <title>标签用于定义文档的标题，是<head>标签中必不可少的一个标签，<title>标签的内容也应该是有意义的，有助于搜索引擎的搜索；
⑨ <body>标签定义页面的主体，包含了想要展示给用户的所有内容；
⑩ <h1>标签定义页面标题，一共有六个，<h1>~<h6>,<h1>的字体最大，<h6>的字体最小；h的英文全称是header 标题的意思；
<p>标签定义段落，英文全称是paragraph 段落的意思；
明天计划的事情：
学习css、盒子模型；再研究一下lang属性；
遇到的问题：
1.lang属性的值很多，理解的很片面；
2.Chrome的安装，网上的安装包很多，但很多都是假的，完全没法用，还是我姿势不对。。。。还好最后找到了可以使用的；
今天的收获：
了解了HTML标签，学会了如何建立一个HTML页面；
学会了如何查找自己想要的内容，（关键词很重要。。。）
返回列表
评论