HTML5

喜樂勝意

已于 2024-12-24 01:59:54 修改

阅读量573

点赞数 14

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

于 2024-12-24 00:03:20 首次发布

不止於此

本文链接：https://blog.youkuaiyun.com/weixin_46137182/article/details/144679505

版权

一、HTML5 简介

HTML5 是用来描述网页的一种语言，被称为超文本标记语言。用HTML5编写的文件，后缀以.html结尾

二、HTML5 的 DOCTYPE 声明

DOCTYPE是document type(文档类型)的缩写。<!DOCTYPEhtml> 是H5的声明位于文档的最前面，处于标签之前。
网页必备的组成部分，避免不同的浏览器的渲染出不同的效果。

<!DOCTYPE html>

三、HTML 基本骨架

<html>
	<head></head>
	<body></body>
</html>

1、head 标签

head标签用于定义文档的头部。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

2、body 标签

body元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
会直接在页面中显示出来，也就是用户可以直观看到的内容。

3、title 标签

定义文档的标题。
显示在浏览器窗口的标题栏或状态栏上。
<title> 标签是 <head>标签中唯一必须要求包含的东西，就是说写head一定要写title。
<title> 的增加有利于SEO优化。
- SEO是搜索引擎优化的英文缩写。通过对网站内容调整，满足搜索引擎的排名需求。

<!DOCTYPE html>
<html>
	<head>
		<title>喜樂勝意</title>
	</head>
	
	<body>
	</body>
</html>

4、meta 标签

单标签
用来描述一个HTML网页文档的属性，关键词

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>喜樂勝意</title>
	</head>
	
	<body>
	</body>
</html>

四、标签

1、标题标签（Heading）

<h1> 定义最大的标题，<h6> 定义最小的标题

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

1.1、标题标签摆放位置

在标签中添加属性：align="left | center | right"默认居左

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>喜樂勝意</title>
	</head>

	<body>
		<h1 align="left">一级标签</h1>
		<h2 align="center">二级标签</h2>
		<h3 align="right">三级标签</h3>
		&l

最低0.47元/天解锁文章