外链论坛

 找回密码
 立即注册
搜索
查看: 3|回复: 0

简单地认识一下 HTML

[复制链接]

708

主题

6

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108078
发表于 6 天前 | 显示全部楼层 |阅读模式

简单复盘一下 HTML。

1、HTML

什么是 HTML?HTML 是 Hyper Text Markup Language 的简写,译成中文是「超文本标记语言」。

顾名思义,超文本,便是不止于文本,视频、音频、照片等等都能够,说到底便是一种特殊的文档。HTML 构建了一个网页的基本骨架,TA 是用来描述网页的一种语言。

2、HTML 有多简单?

HTML 简单到只必须一个记事本就能编写。新建一个 msunh.txt 文档,输入「我是玖柒后」保留,将扩展名改为 .html ,浏览器打开就能直接看到左侧内容,F12 进入 Elements 看到如右侧内容:

红框内的 html、head、body 标签都是浏览器自动加上的,右键查看源代码编辑 msunh.html 文档,你会发掘除了「我是玖柒后」这五个字之外并其他内容。

当然,这儿是不意见用记事本进行研发的,这是为了你的生命安全思虑(人生苦短)。意见运用 Visual Studio Code,舒服的一批。

3、HTML 的基本构成

一个简单的网页构成如下:

<!Doctype html> <html> <head> <title>我是玖柒后</title> </head> <body> 「我是玖柒后」 </body> </html>

4、各样各样的零件

上面说的 html、head、title、body 被叫作之为 HTML 元素,便是各样各样的零件、器官。

除了 <br/> 、<hr/>、<img/>、<input/> 等少部分自闭合标签外,元素的起始标签和结束标签必要成对显现,例如:<html></html>。

这些元素能够互相嵌套,这个“人”的所有部位都是嵌套而成,想要长得好,先把架子搭好。

关于 HTML 更加多的介绍,能够去看一下网上的文档。这儿大众介绍一个网站:MDN。不吹不擂,看了你就晓得了。

MDN 传送门:

5、head 标签

<head> 标签被看做是网页的头。

TA 里面一般会有 title、meta、style、link、script 这几种标签,title 比较简单,便是在窗口处表示网页的名叫作

meta 是比较要紧的一个辅助标签,有点类似于个人档案,正常浏览咱们是不会在网页中看到的,一块认识一下 meta 标签平常形式:

// 定义页面的编码方式,国内一般都是用 UTF-8 <meta charset="UTF-8"> // 向搜索引擎说明网页的重要<meta name="keywords" content="我是玖柒后"> // 向搜索引擎说明站点的重点内容 <meta name="description" content="我是玖柒后"> // 暗示页面的可见区域 <meta name="viewport" content=
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|外链论坛 |网站地图

GMT+8, 2024-7-6 15:17 , Processed in 0.099095 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.