1.html基础标签

最新推荐文章于 2024-07-13 15:41:17 发布

RedeeMi

最新推荐文章于 2024-07-13 15:41:17 发布

阅读量113

点赞数

分类专栏：大一暑假demo 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_52316911/article/details/109651699

版权

大一暑假demo 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

p文本标签  br换行标签   &nbsp;空格标签

div和span的区别就是块级元素和行级元素的区别

<div>
	我是第一个div
	</div>
<div>
	我是第二个div
	</div>
				
<span>
    我是第一个span
	</span>
<span>
	我是第二个span
	</span>

运行显示

我是第一个div
我是第二个div
我是第一个span 我是第二个span

路径可以是网络网站上的路径也可以是本地路径

<img src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1600306068&amp;di=48f992bc7fea838a38740ba2ae0746fe&amp;imgtype=jpg&amp;er=1&amp;src=http%3A%2F%2F05imgmini.eastday.com%2Fmobile%2F20180818%2F20180818160504_37d96abcc7f97a94d808baf1c63694b3_4.jpeg"/>

标签有很多，要尝试使用

<button>点击一下</button>

背景颜色

<body style="background-color: green;">
</body>

背景图片

<body style="background-image:url(./1.jpg);">
</body>

demo如下
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1> helloworld </h1>
		<h2> helloworld </h2>
		<h3> helloworld </h3>
		<h4> helloworld </h4>
		<h5> helloworld </h5>
		<h6> helloworld </h6>
		
		<p>         <!-- p文本标签 -->   <!-- br换行标签 -->      <!-- &nbsp;空格标签 -->
			&nbsp;噫&nbsp;吁嚱，危乎高哉！<br>
			蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。<br>
			地崩山摧壮士死，然后天梯石栈相钩连。<br>
			上有六龙回日之高标，下有冲波逆折之回川。<br>
			黄鹤之飞尚不得过，猿猱欲度愁攀援。<br>
			青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。<br>
			
			问君西游何时还？畏途巉岩不可攀。<br>
			但见悲鸟号古木，雄飞雌从绕林间。又闻子规啼夜月，愁空山。<br>
			蜀道之难，难于上青天，使人听此凋朱颜！连峰去天不盈尺，枯松倒挂倚绝壁。<br>
			飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！<br>
			
			剑阁峥嵘而崔嵬，一夫当关，万夫莫开。所守或匪亲，化为狼与豺。<br>
			朝避猛虎，夕避长蛇；磨牙吮血，杀人如麻。锦城虽云乐，不如早还家。<br>
			蜀道之难，难于上青天，侧身西望长咨嗟！<br>
			</p>
			
			<div>
				我是第一个div
				</div>
			
			<div>
				我是第二个div
				</div>
				
			<span>
					我是第一个span
					</span>
			<span>
					我是第二个span
					</span>
				
				
<img src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1600306068&amp;di=48f992bc7fea838a38740ba2ae0746fe&amp;imgtype=jpg&amp;er=1&amp;src=http%3A%2F%2F05imgmini.eastday.com%2Fmobile%2F20180818%2F20180818160504_37d96abcc7f97a94d808baf1c63694b3_4.jpeg"/>
<button>点击一下/button>
</html>

test.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body style="background-image:url(./2.jpg);">
		<h1>绿色背景</h1>
	</body>
</html>

在这里插入图片描述

RedeeMi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.html基础标签

p文本标签 br换行标签 &nbsp;空格标签 div和span的区别就是块级元素和行级元素的区别<div> 我是第一个div </div><div> 我是第二个div </div> <span> 我是第一个span </span><span> 我是第二个span </span>运行显示我是第一个div我是第二个div我是第一个span 我是第二个
复制链接

扫一扫