用html5代码表示出下图样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>将进酒</title>
</head>
<body>
<div>
<pre><b style="font-size: 50px;">将进酒</b> <b style="font-size: 40px;">君不见,黄河之水天上来</b></pre>
</div>
<p style="font-size: 20px;">
<img src="C:\Users\50596\Desktop\图片1.png " alt="" style="float: left;margin: 0 0 75px;height: 650px;width: 250px;"/>
君不见黄河之水天上来,奔流到海不复回。<br /><br />
君不见高堂明镜悲白发,朝如青丝暮成雪。<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>
什么是web前端:
Web前端一般由多种开发技术制作,是给用户展示的网页页面,即网站的前台部分。
那这里的所谓的多种开发技术就是我们本次课程要学习的东西,其中包含:
HTML
CSS
JavaScript
jQuery
BT(Bootstrap)
更高端的前端技术:
Angular
AngularJS
VUE
React
webpack
nodejs
什么是HTML:
html:hyper text markup language 超文本标签语言 这里的标签也可以称为标记或者元素。
它是目前网络上运用最广泛的技术之一,也是网页呈现主要基石。
他是一个描述性文本,它可以描述文字、表格、声音、视频、动画、链接等。
HTML分两部分:
头部head:他提供的浏览器所需要的信息
主体部分body:他提供网页主要内容
HTML的历史:
诞生于90年由Tim Berners Lee
IETF组织在他的基础之上推出了HTML2.0
常用标签如下:
加粗标签:
<b>...</b>
<strong>...</strong>
斜体标签:
<i>...</i>
<em>...</em>
下划线标签:
<u>...</u>
删除线标签:
<del>...</del>
换行标签:
<br>
分割线标签:
<hr>
分段标签:
<p>...</p>
格式化输出:
<pre>...</pre>
上标标签:
<sub>...</sub>
下标标签:
<sup>...</sup>
标准行内输出:
<span>...</span>
标准布局标签:
<div>...</div>
多媒体标签:
<img src="路径">
img标签用来引入图片到页面中 src是一个必须的属性,该属性表示图片的地址