HTML基础知识2

最新推荐文章于 2024-06-07 18:06:56 发布

折翼天使【*-*】

最新推荐文章于 2024-06-07 18:06:56 发布

阅读量874

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_52188375/article/details/109490758

版权

1.HTML 段落与文字

1.HTML中的段落标记

<p>段落的内容</p>

特点:1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。

2.段落与段落之间会有空行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>p 标记</title>
	</head>
	<body>
		<p>p标记--表示一个段落【一段文字】</p>
		<p>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</p>
		<p>2.段落与段落之间会有空行。</p>
		<p>
			HTML称为超文本标记语言，是一种标识性的语言。
		   它包括一系列标签．通过这些标签可以将网络上的文档格式统一，
		   使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML
		   命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音
		   、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方
		   法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信
		   息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥
		   远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信
		   息资源用随机方式进行连接，为人们查找，检索信息提供方便。
		</p>
	</body>
</html>

2.html中网页内容的标题标记

<title></title>--当前网页的标题

<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>--网页内容的标题标记

特点:1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。

2.h1~h6 显示出来的效果是字体依次变小。H1最大，h6最小。

3.不同的浏览器显示效果有所差异。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>h系列标记</title>
	</head>
	<body>
		<h1>网页内容的标题标记---[h1~h6]</h1>
		<h2>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</h2>
		<h3>2.h1~h6 显示出来的效果是字体依次变小。</h3>
		<h4>3.H1最大，h6最小。</h4>
		<h5>4.不同的浏览器显示效果有所差异。</h5>
		<h6>标题标记与标题标记之间有空行存在。</h6>
	</body>
</html>

3.水平对齐属性

属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。

属性是由2部分组成 1.属性名称 2.属性值

属性是可以在开始标记中出现多个，如果有多个中间使用空格分开

例如：<标记属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记>

<student age=”23” sex=”男” address=”西安”>zhangsan</student>

align---水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>align-水平对齐属性</title>
	</head>
	<body>
		<h1 align="center">水平对齐属性</h1>
		<p align="right">2020-11-04</p>
		<p align="left">网星软件</p>
		<h3 align="center">
			属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。
			属性是由2部分组成 1.属性名称  2.属性值
			属性是可以在开始标记中出现多个，如果有多个中间使用空格分开
			例如：<标记 属性名称1=”属性值1”  属性名称2=”属性值2”>显示内容</标记>
			      <student  age=”23”  sex=”男”  address=”西安”>zhangsan</student>
			align---水平对齐属性[left-左对齐  center-居中对齐  right-右对齐]
		</h3>
	</body>
</html>

上面实例中的回车换行没有显示，键盘的回车换行没有效果。我们需要通过一个html标记来表示回车换行。

4.html中的回车换行标记

<br>、<br/>单标记----回车换行.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>align-水平对齐属性</title>
	</head>
	<body>
		<h1 align="center">水平对齐属性</h1>
		<p align="right">2020-11-04</p>
		<p align="left">网星软件</p>
		<h3 align="center">
			属

最低0.47元/天解锁文章

折翼天使【*-*】

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML基础知识2

1.HTML 段落与文字1.HTML中的段落标记 <p>段落的内容</p> 特点:1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。 2.段落与段落之间会有空行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>p 标记</title> &...
复制链接

扫一扫