HTML学习笔记

最新推荐文章于 2024-06-14 07:44:22 发布

WWtianxiang

最新推荐文章于 2024-06-14 07:44:22 发布

阅读量414

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_34565684/article/details/105845045

版权

HTML（超文本标记语言）

负责网页三要素之中的结构
使用标签的形式来标识网页中不同的组成部分
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面

标记是带有名字的尖括号 <标签名> 标签内容 </标签名>

标题标签
<h1></h1>一级标题
<h2></h2>二级标题

段落标签
<p></p>

根标签
<html>
</html>

一般写法：

<!DOCTYPE HTML>
<html lang='en'>

	<head>
		<meta charset="UTF-8">
		<titlle>
		title 标签的内容会作为搜索结果超链接上的文字显示
		</title>

	</head>

	<body>
	
	</body>

</html>

head body 是html的子标签，title是head的子标签，是html的后代

head里面的东西是给浏览器看的，不会出现在网页中，主要用来帮助浏览器或搜索引擎来解析网页。
title里面是标题，显示在标题栏
网页中的所有可见内容都写在body里

在开始标签或自结束标签还可以设置属性，属性是一个名值对结构。属性用来设置标签中的内容如何显示，属性和标签名或其它属性要用空格隔开。属性要根据文档的规定来编写，有的属性有属性名，有的没有。如果有属性值，应该用引号引起来。

在这里插入图片描述
文档声明doctype
html5的文档声明：<!DOCTYPE HTML>

用于告诉浏览器，网页版本是html5
不管大小写都可以
写在最上面，<html>外面

元数据 meta标签

在head里使用<meta Charset=‘UTF-8’>指定字符集（编码方式）
meta标签用来设置网页的元数据，元数据就是不会变的，网页的DNA，这些信息不是给用户看的，而是给搜索引擎、爬虫看的。
<meta>只有开始标签，没有结束标签

<charset> 指定网页字符集

<name> 指定的数据的名称
<content> 指定的数据的内容
	例如：
	<meta name="keywords" content="HTML5,前端，CSS3"

最低0.47元/天解锁文章

WWtianxiang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记

HTML（超文本标记语言）负责网页三要素之中的结构使用标签的形式来标识网页中不同的组成部分所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面标记是带有名字的尖括号 <标签名> 标签内容 </标签名>标题标签<h1></h1>一级标题<h2></h2>二级标题段落标签<p&g...
复制链接

扫一扫