HTML学习笔记（持续更新中。。。。）

最新推荐文章于 2024-07-12 20:49:16 发布

上林ppt

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量111

点赞数 1

分类专栏：前端文章标签： html html5

本文链接：https://blog.csdn.net/m0_59331167/article/details/118097289

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.初始HTML

什么是html
- Hyper Text Markup Language(超文本标记语言)
- 不是一种编程语言而是一种标记语言
- 标记语言是一套标记标签
- html使用标记标签来描述页面
- html文档包含了html标签及文本内容
- html文档也叫做web页面
html标签
- html标签是由尖括号包围的关键词
- html标签通常是成对出现的
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- 格式为
```
<标签>内容<标签>
```
html元素

一个html元素包含了开始标签与结束标签
```

   这是一个段落。

```
web浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：
html5的优势
- 世界著名浏览器厂商对Htmll5的支持
- 市场的需求
- 跨平台

2.关于网页

2.1网页的基本信息

注释的写法:<!-- 内容 -->
<!-- DOCTYPE：告诉浏览器，我们使用的是什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--head标签代表网页头部-->
<head>
    <!--meta描述性标签，它用来描述一些我们网站的基本信息-->
    <!--meta一般用来做SEO-->
    <meta charset="UTF-8">
    <!--title是网页标题-->
    <title>Title</title>
</head>

<!--body标签代表网页主体-->
<body>
Hello world！
</body>
</html>

DOCTYPE：告诉浏览器，我们使用的是什么规范
- 如果出现中文乱码，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。
- ```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
我的第一个段落。
</body>
</html>
```
- doctype声明式不区分大小写的。
head标签代表网页头部
meta描述性标签，它用来描述一些我们网站的基本信息
title是网页标题
body标签代表网页主体
<html>元素是HTML的页面元素

2.2HTML元素

HTML元素语法

HTML元素语法是以开始标签起始，以结束标签终止
```
这是一个段落
```
- 这里是开始标签，是结束标签
- 元素的内容：开始标签与结束标签之间的的内容，该例子中这是一个段落就是元素的内容
某些HTML元素具有空内容，空内容在开始标签中进行关闭
大多数HTML元素具有属性。

HTML文档：（可以理解成源代码）

HTML文档是由互相嵌套的HTML元素构成

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

html注意点：

不要忘记结束标签（尽量去规范）
html对大小写不敏感：等同于，许多网站都使用大写的HTML标签，W3C在HTML4中推荐小写

上林ppt

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（持续更新中。。。。）

1.初始HTML 什么是html Hyper Text Markup Language(超文本标记语言) 不是一种编程语言而是一种标记语言标记语言是一套标记标签 html使用标记标签来描述页面 html文档包含了html标签及文本内容 html文档也叫做web页面 html标签 html标签是由尖括号包围的关键词 html标签通常是成对出现的标签对中的
复制链接

扫一扫