web快速入门之基础篇-html:2、基本标签之标题标签、段落标签、换行标签

目录

一、前言

二、简单实例介绍

实例代码

运行效果

三、要点说明

1、h1到h6 标题标签

2、p 段落标签

3、br 换行标签【单标记】


一、前言

上一篇文章我整理以前上学的笔记是初见 html 基本文档结构、我的什么开发工具以及一些基本标签的详细解释等,详细可参考博文web快速入门之基础篇-html:1、初见 html 基本文档结构、开发工具、详细解释,这篇文章我将整理笔记:html基本标签之标题标签、段落标签、换行标签

二、简单实例介绍

实例代码

我们先来看看一个例子,如下代码:01_h1、p、br.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>
	
<!--1、标题标签 -->
	   <h1>h1是最大的(常用来定义标题)</h1> 
	   <h2>h2第二大</h2>  
	   <h6>h6为最小</h6>
<!--2、段落标签 -->
	   <p>段落标签1:科技发送垃圾发电斯洛克家乐福的世界里的发生较大幅度放假放到了</p>
	   <p>段落标签2:科技发送垃圾发电斯洛克家乐福的世界里的发生较大幅度放假放到了</p>
	   <p>段落标签3:科技发送垃圾发电斯洛克家乐福的世界里的发生较大幅度放假放到了</p>
<!--3、换行标签 -->
       	public class ClassName{<br />
		xxx<br />
		yyy<br />
		zzz<br /><br /><br />
		 }
	</body>
</html>

运行效果

用谷歌浏览器打开运行,效果如下:

三、要点说明

1、h1到h6 标题标签

<h1>-<h6> 标签可定义标题。

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

请不要利用标题标签来改变同一行中的字体大小。

相反,我们应当使用层叠样式表定义来达到漂亮的显示效果

h1-h6 元素的 "align" 属性不被推荐使用。请使用样式替代它。

详见可参考:http://www.w3school.com.cn/tags/tag_hn.asp

2、p 段落标签

<p> 标签定义段落。

p 元素会自动在其上下创建一些空白。

浏览器会自动添加这些空间,您也可以在样式表中规定。

"align" 属性不被推荐使用。请使用样式替代它。

详见可参考:http://www.w3school.com.cn/tags/tag_p.asp

3、br 换行标签【单标记】

<br> 换行符。

在 XHTML 中,这样表示 <br />

详见可参考:http://www.w3school.com.cn/tags/tag_br.asp

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

被开发耽误的大厨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值