2.1字体标签和格式化标签

最新推荐文章于 2022-07-14 15:01:41 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2022-07-14 15:01:41 发布

阅读量145

点赞数

分类专栏：编程自学笔记 # JavaWeb学习笔记文章标签： html html5 css

本文链接：https://blog.csdn.net/m0_49128301/article/details/120338784

版权

编程自学笔记同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaWeb学习笔记

25 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的基础元素，包括字体标签`<font>`用于设置文字样式，如颜色、大小和字体类型；换行标签`<br/>`实现文本换行；段落标签`<p>`用于组织文本并调整对齐方式；标题标签`<h1>`到`<h6>`用于创建不同级别的标题；以及HTML注释的使用，帮助理解源代码。示例代码展示了这些元素的实际应用。

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

2.1.1、<font>

字体标签，用于展示效果中的修饰文字样式

size:控制字体大小，最小值1~7。如果超出范围，设置无效。

color：控制字体颜色，使用英文设置

红red、橙orange

黄yellow 绿green

蓝blue 紫purple

灰grey 白white
brown 褐色 purple 紫色

黑black、棕brown、

orange 橙色 pink 粉色

face：控制字体类型，只能设置系统字样有的字样

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>我爱你<font color="crimson" size="6" face="楷体">瑾瑾</font>
	</body>
</html>

2.1.2 <br/>

HTML源码中换行，浏览器解析时会自动忽略

换行标签，用于展示效果中换行

2.1.3、<p></p>

段落标签，用于展示效果中划分段落。并且自动在段前段后自动加空行

属性格式=left/right/center

align=段落内容的对齐方式

默认是left，内容居左

Right 右

Center 居

2.1.4、<h1></h1>

标题标签，用于展示效果中划分标题

其中<h1></h1>最大 ~~<h6></h6>最小

2.1.5、&nbsp

HTML源码中的多个空格，效果中最终会合并成一个。

空格符号，用于展示效果中显示一个空白的位置

格式：一个   相当于一个空格

2.1.6、HTML注释

用于注释HTML源码，不在HTML效果中展示

格式： 展示效果中就看不见注释内容了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
		
	<body>
		<h1><p align="center">静夜思<br></h1>
		<h2><p align="center">静夜思<br></h2>
		<h3><p align="center">静夜思<br></h3>	
		<h4><p align="center">静夜思<br></h4>	
		<h5><p align="center">静夜思<br></h5>
	    <h6><p align="center">静夜思<br></h6>
	李白<br><br></p>
	<p align="left">窗前明月光，</p><br>
	<p align="center"><font color="crimson">疑是地上霜。<br></font>
	举头望明月，<br></p>
	<p align="right">低头思故乡。</p>
	
	李&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;白
	
	<!--<br><br>哈哈哈，你看不见我-->
	</body>
</html>