新手学习 HTML(二):开始操作 HTML 的头部

本贴最后更新于 1632 天前,其中的信息可能已经时过境迁

HTML

我眼中的 HTML 的结构

在我看来 HTML 就是分为头部和身子,也就是 head 和 body。head 有它的用法,body 也有它的作用。在 HTML 语言中,上面的部分我都管它叫头部,所以下面我们先了解头部。

<!DOCTYPE html>  <!-- 首先,把文件定义为html的属性 -->
<html lang="en">
<head>
<meta charset="UTF-8">  <!-- 用meta来定义里面的显示语言,显示的语言函数用charset来表述,中文则是utf-8的编码 -->
<title>Day 1练习</title>  <!-- 用于显示网页标签上面的名字,也就是网站名字 -->
</head>  <!-- 至此,head标签上面的内容显示完毕,下面显示的是body了 -->
</html>

切记写 html 的开头和结尾

在写 HTML 的时候要记住 <html> 写开头,</html> 写结尾,不要把结尾给忘记了。

养成写注释的好习惯

  • 一定要有一个习惯——写注释,<!--注释的内容 -->
  • 注释就是一个 <> 括号,括号里面从左侧开始用“!--”来告诉软件我要开始写注释了,然后写入注释的内容最后用“--”符号 告诉软件我的注释写完了
  • 这个注释不会对编码有影响,软件不会运行你写的注释。写注释是帮助你了解,你为什么写这个代码,写这个代码是对这一行或者一行某个代码有什么用或帮助
  • 建议注释最好是英文:1、是怕个别软件不识别中文;2、是以后交给老外看也可以看明白

Head 部分

首先,head 也需要像 html 一样,有个开始的 head 和结尾的 head 来告诉软件我这部分属于 head 区域,即 <head></head>,在这两个代码之间便是关于头部的操作内容了,它基本上是有两个主要元素:<meta><title><meta> 可以看到后面还有“charset”属性和对应的值,在网上我们也可以看到有 name、http-equiv、scheme 等属性和对应的值,这些留着以后在学习吧,像我这样的 HTML 小白记不住这么多,我只记得后面来个 charset 给它赋值 utf-8 表示的是可以显示中文,对我来讲就足够了。而 <title></title> 这元素很有意思,这两个 title 间的内容就是你网页显示的标签的信息,举个例子:<title>小老虎之家</title>,你看看效果 ↓:

<!DOCTYPE html>  
<html lang="en"> <head> <meta charset="UTF-8">  
<title>小老虎之家</title>  
</head>  
</html>

title
当我们打完代码后,用浏览器打开就可以看到浏览器上面网页的标签名字就是我们"title"间的内容了。

基本上这个就是 HTML 的 head 的简单介绍!

  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖 • 2 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...