HTML学习笔记之网页元素编辑

本文详细介绍了HTML中的文字编排,包括段落与换行、文字美化、图像插入等内容。讲解了如何使用<br>, <p>, <center>, <hr>, <hn>, <font>等标签实现文本的格式控制,并探讨了列表与项目符号的使用以及图像插入的相关属性。" 7173112,181603,Google Code Android 开源项目精选,"['android开发', '开源工具', '测试工具', 'GUI组件', '网络监控']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一,文字编排

1.段落与换行

在HTML文件中,由回车所产生的换行符,在浏览器中并不视为换行标签,而产生的是段落标签。<br>称为换行标签,它是一个单标签,作用是令其后的内容在下一行显示。由于浏览器会自动忽略原代码中的空白和换行的部分,这使得<br>成为最常用的标记之一。其语法格式如下:

前一行文字<br>后一行文字

示例:

<html>
	<head>
		<title>测试换行标签</title>
	</head>
	<body>
		这是我的第一个网页<br>
		欢迎光临
	</body>
</html>

运行结果:


<p>称为分段控制标签,它可以单独使用,也可成对使用,其作用是留一空白行。文件段落的开始由<p>来标签,段落的结束由</p>来标签,</p>是可以省略的。

<p>的属性有align,其属性可选值:right,left,center。默认值:algin="left"。其语法格式如下:

<p align=参数值>段落文字</p>或<p align=参数值>段落文字

示例:

<html>
	<head>
		<title>测试分段控制标签</title>
	</head>
	<body>
		<p>第一段居左显示</p>
		<p align="center">第一段居中显示</p>
		<p align="right">第一段居右显示</p>
	</body>
</html>
运行结果:



2.<center>称为居中对齐标签,它是一个双标签,其作用是进行居中控制。被<center>标签包含的部分,将以居中对齐的方式显示在网页中。其语法格式如下:

<center>居中文字</center>

3.插入水平线

<hr>称为水平分隔线标签,它是一个单标签,其作用是在标签所在位置上插入一条水平线,用以分割页面中的不同部分。

<hr>的属性有align,size,width,color,noshade.

align设定水平线摆放位置,其属性可选值:right,left,center。默认值:align=”center".

size设定水平线的粗细,以像素作单位,默认值为2.

width设定水平线的长度,以像素作单位,可以是百分比作单位,默认值:100%。如果使用百分比作为单位来设定水平分隔线的宽度,其宽度值可随窗口的大小变化而变化,相对比例保持不变。

color设定线条

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值