HTML的10个标签详解

最新推荐文章于 2022-07-26 17:07:39 发布

过气网红大火龙

最新推荐文章于 2022-07-26 17:07:39 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/nakoaix/article/details/111563847

版权

这篇博客详细介绍了HTML中的关键标签，包括排版、图片、超链接、列表、框架、表格、表单、多媒体和头标签的使用，是学习HTML的基础教程。

摘要由CSDN通过智能技术生成

排版标签：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--
		<p>: 段落标签 单独占据一行
		<br>: 换行标签
		<hr>: 线段
		<div> : 块级标签。 单独占据一行
		<span>: 块级标签 ，不换行
		 -->
		<div onclick="this.style.display = 'none' ">
			guigui
		</div>
		<p>龟龟</p>
		<p align="center">王八</p>
		我养了个<br/>鳖
		<hr color="" width="50%" size="20" align="center" noshade="noshade">
		<div>龟</div>
		<div align="center">王八</div>
		<span>鳖</span>
		<span>王八</span>
	</body>
</html>

在chrome里运行如下
在这里插入图片描述

# 字体标签：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<!-- 
	<h1>...<h6>: 字体大小
	<font>: 字体标签
	color：颜色
	size： 大小
	face:  字体类型  
	<b>,<strong> : 粗体
	<i>,<em>:斜体
	<u>: 下划线
	<s>:中划线，删除线
	<sub>: 下标
	<sup>: 上标  
	&nbsp; 空格
	-->
	<body>
		<h1>字体</h1>
		<h2>字体</h2>
		<h3>字体</h3>
		<h4>字体</h4>
		<h5>字体</h5>
		<h6>字体</h6>
		<font color="chartreuse" size="7">字体</font>
		<font color="chartreuse" size="7" face="华文彩云">字体</font><br>
		<b>字体</b><br>
		<strong>字体</strong><br>
		<u>字体</u><br>
		<i>字体</i><em>字体</em><br>
		<s>字体</s><br>
		&nbsp;x<sup>2</sup><br>
		o<sub>2</sub><br