NTHOME论坛

 找回密码
 立即注册
查看: 1888|回复: 0

[课程学习] 第二课-基本语法

[复制链接]
发表于 2021-8-17 18:41:34 | 显示全部楼层 |阅读模式
1.代码最基本的格式①DOCTYPE标签
在HTML中我们常用我们看一个Head标签的实例
  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> 标签的属性定义了与文档相关联的名称/值对。
  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. </html>
复制代码
3.视频课程

4.课后作业
点击跳转
答案解析(付费内容:5金币)

本帖被以下淘专辑推荐:

相关帖子

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|NTHOME

GMT+8, 2024-9-20 06:10 , Processed in 0.088224 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表