什么是html、web前端，html部分代码的使用-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_51774330/article/details/127519545

什么是web前端

web前端简单的来说就是通过html,css,jacaScript来实现网页的设计。前端就是我们俗称的页面以及页面的的各种展示效果。

什么是html

html全称为超文本标记语言，是一种标记的语言，HTML5布局特别快，节约成本，并且可以将音频，图片，影像等内容嵌入到页面，总的来说html是用来给网页内容进行排版布局的。

常见的标签:

<strong>b/strong加粗标签带有语气</strong><br />

<em>i/em斜体标签</em>

<br />换行标签

<u>underLine下划线</u>

x<sub>2</sub>下标

x<sup>2</sup>上标

<img src="图片的位置"/>加载图片标签

<pre></pre>元素可定义预格式化的文本

<span style="border:3px solid red; width: 300px;display: inline-block">用来修饰他来包括的内容</span>

<div>块标签</div>相当于一个盒子可以用来装载其他标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>将进酒-李白</title>
	</head>
	<body>
		<div style="width: 350px;height: 20px;">
			<div style="float:left;width: 50%;height: 10px;"><h1>将进酒</h1></div>
			<div style="float:right;height: 10px;"><h2>君不见黄河之水天上来</h2></div>
		</div><br />
		<div style="width: 100%;">
			<div style="float: left;padding-top: 30px;">
				<img src="C:\Users\*****\Desktop\文件\web前端\zy1\l1.png" height="550px;"/>
			</div>
			<div style="text-align: left;font-size: 18px;padding-top: 35px;">
				<p>君不见黄河之水天上来，奔流到海不复回。</p>
				<p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
				<p>人生得意须尽欢，莫使金樽空对月。</p>
				<p>天生我材必有用，千金散尽还复来。</p>
				<p>烹羊宰牛且为乐，会须一饮三百杯。</p>
				<p>岑夫子，丹丘生，将进酒，杯莫停。</p>
				<p>与君歌一曲，请君为我倾耳听。</p>
				<p>钟鼓馔玉不足贵，但愿长醉不愿醒。</p>
				<p>古来圣贤皆寂寞，惟有饮者留其名。</p>
				<p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
				<p>主人何为言少钱，径须沽取对君酌。</p>
				<p>五花马，千金裘,</p>
				<p>呼儿将出换美酒，与尔同销万古愁。</p>
			</div>
		</div>
	</body>
</html>