第二课

最基本的工作

1.代码最基本的格式

①DOCTYPE标签

在HTML中我们常用

  • <!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> 标签的属性定义了与文档相关联的名称/值对。

    1. <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标签的实例

    1. <head>
    2. <title>标题</title>
    3. <head>

    ④注释

    注释能帮我们更好的理解我们代码里写了什么,我们以后要干什么,能更好的让我们理解代码。其中注释分为单行注释“//“和多行注释"<!--><--!>"。注释不会在网页里显示。

    注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

    您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

    使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本):

    转载至W3School
    1. //单行注释
    2. <!--多行注释
    3. 多行注释
    4. -->

    ⑤ <body></body>与<html></html>

    这和<head>标签一样,可以包含很多元素。<html>作为整个网页内容的开始,在<!DOCTYPE html>之后,里面包含<head>元素和<body>元素,<body>作为网站的身体,里面包含<h1><p><span>等后期的元素。

    2.一个最基本网页的展示

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>标题</title>
    5. <meta charset="utf-8">
    6. </head>
    7. <body>
    8. </body>
    9. </html>

    3.视频教程:

    4.课后作业:

    作业是检验你学习成果的一个东西,你可以做做!

     

    友情链接

    W3C(国际网站)

    w3school

    广告

    付费内容 :网站源码(据说是个人都会下载,但有些人不会下,那么付费下载吧!)