2020.6.27 HTML标签整理-CSDN博客

本文链接：https://blog.csdn.net/m0_48298217/article/details/106981588

 快捷键ctrl+/

一个简单的HTML文档，包含一些必须的标签:

<!DOCTYPE html> //指定文档的类型，为html类型
<html>

<head>//头部
<meta charset="utf-8">//定义字符集，utf-8 解释中文乱码
<title>文档标题</title>//设置网页标题，最后显示在浏览器的头部
</head>
 
<body>//身体
文档内容......
</body>
 
</html>

<h1>~<h6> </h1>~</h6> : 标题、其中可以 **属性名=“属性值”**的方式设置标题样式
<h1 align="center" > 标题 </h1> 设置对齐方式为居中对齐

<p>段落</p>段落内有很多的嵌套：

<p>普通文本 <b>加粗文本</b> </p>
<p> <big>放大文本 </big></p>
<strong>加粗</strong>
<u>下划线标签</u>
<em>斜体</em>

<br/> 换行、是单标签

<a href="index.html" target="_blank" >click here!</a>: href：跳转页面的路径、 target：窗口的打开方式（默认原窗口打开）（_blank在新窗口中打开、_self原窗口中打开、）

<img src="图片路径" alt="下载失败时的替换文本" title = "鼠标滑过图片时的提示文本" width="图片宽度" height="图片高度">：插入图片

<span> </span>为了设置单独的样式用的

ul li无序标签、ol li 有序标签

<div id="版块名称">…</div> ：容器

<q>简短文本的引用</q>：浏览器会对q标签自动添加双引号（注意去掉文本本身的双引号

<blockquote>长文本引用</blockquote>.

<hr/>添加水平分隔横线、如在这里插入图片描述

<form action="向后台服务器的提交地址" method="提交方式get、post" >。

在这里插入图片描述

在这里插入图片描述
表格table的属性：
1）border :是否有边框，值：1是有
2）bgcolor ：背景颜色，值：#xxxxxx、colorname
3）align ：表格在网页中的对齐方式，值：left、center、right
<table bgcolor="red" border="1" align="center"。