web - day01

最新推荐文章于 2024-04-01 23:44:34 发布

Cy423

最新推荐文章于 2024-04-01 23:44:34 发布

阅读量47

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/V3133/article/details/127526736

版权

web前端是网页所呈现的界面

html是超文本标记语言，用以描述前端的界面，并由浏览器解释并呈现

常用的html标签：

html	网页的开始，放在最外层
head	定义界面的属性
body	主体标签，存放所有要显示的内容
meta	提供了网页的信息，包括作者、关键字、网页编码、自动刷新等信息。
strong/b	加粗
em/i	斜体
u	下划线
del	删除线
br	换行
hr	下划线
p	段落标签，相邻的p标签间会空一行
sub	下标
sup	上标
pre	按照原样显示标签内内容
span	行内输出，包裹文本内容
hn	h1 - h6，显示标题
div	块标签，用于布局
img	显示图片

前端界面：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <span style="font-size: 20px; display: inline-block;"><h1>将进酒&nbsp;</h1></span>
        <span style="font-size: 16px; display: inline-block;"><h1>君不见黄河之水天上来</h1></span><br>
        <div style="float: left; width: 325px;">
            <img src="http://mms0.baidu.com/it/u=64378237,2791954201&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=370&h=532"style="float: left;" height="525px" width="325" alt="图像加载失败">
        </div>
        <div style="float: left; width: 400px;">
            君不见黄河之水天上来，奔流到海不复回。<br><br>
            君不见高堂明镜悲白发，朝如青丝暮成雪。<br><br>
            人生得意须尽欢，莫使金樽空对月。<br><br>
            天生我材必有用，千金散尽还复来。<br><br>
            烹羊宰牛且为乐，会须一饮三百杯。<br><br>
            岑夫子，丹丘生，将进酒，杯莫停。<br><br>
            与君歌一曲，请君为我倾耳听。<br><br>
            钟鼓馔玉不足贵，但愿长醉不愿醒。<br><br>
            古来圣贤皆寂寞，惟有饮者留其名。<br><br>
            陈王昔时宴平乐，斗酒十千恣欢谑。<br><br>
            主人何为言少钱，径须沽取对君酌。<br><br>
            五花马、千金裘，<br><br>    
            呼儿将出换美酒，与尔同销万古愁。
        </div>
    </body>
</html>