web第一天

最新推荐文章于 2024-07-07 17:49:23 发布

文理新青年

最新推荐文章于 2024-07-07 17:49:23 发布

阅读量121

点赞数

分类专栏： web 文章标签：前端 html css

本文链接：https://blog.youkuaiyun.com/m0_64365851/article/details/127570979

版权

web 专栏收录该内容

3 篇文章

订阅专栏

本文围绕Web前端和HTML展开总结。Web前端是网站前台部分，由多种技术制作。HTML是超文本标记语言，具有简单灵活、可扩展性强、平台无关性等特点。还介绍了strong、em、br等常用HTML标签及其功能，最后展示了相关代码效果图。

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

一.1.通过三个问题：什么是web前端，什么是HTML，本节课都学习了那些标签，写一篇关于本节课的总结。

1.Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分

2.html：超文本标记语言，标记也可被称为标签或元素，目前使用最广泛之一，也是主要基石
html不是编程语言是一种文本表达
html的特点：1.简单灵活 2.可扩展性强 3.平台无关性

3.常用标签：strong/b 标签（双标签，两个都指字体加粗）em/i 标签（双标签，两个都指设置字体为斜体） u和del标签（双标签，u标签设置下划线，del标签设置删除线） br、hr标签（两个都是单标签，br指在指定位置换行，hr为设置分割线） p标签（双标签，用来起始一个段落，它是一个块级元素） sub,sup,pre,span（sub表示文字下标；sup表示文字的上标；pre标签原样输出文本内容；span是一个标准行内输出，一般用来装饰包裹的文本内容，常见于装饰文本） hn,div（hn标签中的n指的是标题1-6对应了不同级别的6个级别，主要用来装饰标题。div标签是一个标准的块标签，主要用来布局） img（单标签，用来插入图片的标签，必备属性src，指向连接图片的地址如<img src="#">）

二.代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.first{float: left;}
			.two{font-size: 25px;}
			img{width: 250px;height: 530px;}
		<title></title>
		</style>
	</head>
	<body>
		<h1>将进酒&nbsp;<span class="two">君不见黄河之水天上来</span></h1>
		<img class="first" src="img.PNG" >
		<p class="first">
			君不见黄河之水天上来，奔流到海不复回。<br><br>
			君不见高堂明镜悲白发，朝如青丝暮成雪。<br><br>
			人生得意须尽欢，莫使金樽空对月。<br><br>
			天生我材必有用，千金散尽还复来。<br><br>
			烹羊宰牛且为乐，会须一饮三百杯。<br><br>
			岑夫子，丹丘生，将进酒，杯莫停。<br><br>
			与君歌一曲，请君为我倾耳听。<br><br>
			钟鼓馔玉不足贵，但愿长醉不愿醒。<br><br>
			古来圣贤皆寂寞，惟有饮者留其名。<br><br>
			陈王昔时宴平乐，斗酒十千恣欢谑。<br><br>
			主人何为言少钱，径须沽取对君酌。<br><br>
			五花马、千金裘，<br><br>
			呼儿将出换美酒，与尔同销万古愁将进酒
		</p>


	</body>
</html>

效果图