1、HTML 初步认识

最新推荐文章于 2024-07-10 16:57:46 发布

Hello Jason

最新推荐文章于 2024-07-10 16:57:46 发布

阅读量150

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/qq_28938511/article/details/105222544

版权

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSDN(csdn.com)</title>
</head>
<body>
 
<h1>HTML教程</h1>
 
<p>今天开始学习HTML，为期一个星期。</p>
 
</body>
</html>

效果入下图：

实例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。

什么是HTML?

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 网页结构

下面是一个可视化的HTML页面结构：

注意：<head>部分是用于告诉浏览器这个网页的一些属性。只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML，教程为大家推荐款常用的编辑器：

VS Code：https://code.visualstudio.com/

VS Code

Visual Studio Code（简称 VS Code）是一个由微软开发，同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器，编辑器中内置了扩展程序管理的功能。我们接下去将全部使用VS。

Hello Jason

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
1、HTML 初步认识

实例<!DOCTYPE html><html><head><meta charset="utf-8"><title>CSDN(csdn.com)</title></head><body> <h1>HTML教程</h1> <p>今天开始学习HT...
复制链接

扫一扫