第二课
最基本的工作
1.代码最基本的格式
①DOCTYPE标签
在HTML中我们常用
来限制文档的格式,“<!DOCTYPE html>”可以告诉浏览器这是HTML5语言,请按照HTML5的语言格式来解释此文档。DOCTYPE越早让浏览器知道越好,所以W3C规定HTML中<!DOCTYPE>要放在最前面,否则你的网页可能会出现问题。
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
②Mete标签的Charset属性
我们使用Meta指定一些执行标准
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
- <meta charset="utf-8">
这个Meta元素设置了解码格式“utf-8”,这是最常用也是最基本的格式,如果您的网站没有这个元素,你又输入了中文,那就有可能乱码。(360安全浏览器、360极速浏览器都默认采用UFT-8协议,可以不用加,但是为了保险,让其他用户可以使用顺畅,我们十分建议带上此代码。)
③<head>与</head>标签
head直译过来就是头部,所以Head作为一个网页的头,大部分的前置代码需要在head里。比如后期学习的<link>(引入外部CSS样式表)、<script>(引入外部Script(大多数是JavaScript))等。而我们下面学的就是Head标签里的基本内容。我们刚刚学习的<meta>元素就是放在<head>里的。
应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。
<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
引用至W3Scool
我们最基本的就是<title>,<title>元素在HTML网页中有表示标题文字的作用,他的显示效果大概是这样:
我们看一个Head标签的实例
- <head>
- <title>标题</title>
- <head>
④注释
注释能帮我们更好的理解我们代码里写了什么,我们以后要干什么,能更好的让我们理解代码。其中注释分为单行注释“//“和多行注释"<!--><--!>"。注释不会在网页里显示。
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。
使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本):
转载至W3School//单行注释 - <!--多行注释
- 多行注释
- -->
⑤ <body></body>与<html></html>
这和<head>标签一样,可以包含很多元素。<html>作为整个网页内容的开始,在<!DOCTYPE html>之后,里面包含<head>元素和<body>元素,<body>作为网站的身体,里面包含<h1><p><span>等后期的元素。
2.一个最基本网页的展示
- <!DOCTYPE html>
- <html>
- <head>
- <title>标题</title>
- <meta charset="utf-8">
- </head>
- <body>
- </body>
- </html>
3.视频教程:
4.课后作业:
作业是检验你学习成果的一个东西,你可以做做!