怎样在html中输出唐诗

怎样在html中输出唐诗,第1张

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的body标签中,输入html代码:<p>床前明月光,疑是地上霜。</p>。

3、浏览器进入index.html页面中,此时成功在html中输出了唐诗

<!DOCTYPE HTML>

<html>

<head>

<title>念奴娇</title>

<meta charset=UTF-8 />

<style type="text/css">

* {

margin: 0

padding: 0

border: 0

}

ul.content {

width: 1000px

height: 600px

margin: auto

overflow: hidden

list-style: none

background: url(bg1.jpg) no-repeat

}

ul.content li {

float: right

margin-left: 7px

margin-right: 24px

line-height: 30px

width: 14px

font-size: 14px

word-wrap: break-word

word-break: nomal

font: bolder 25px/1.5 方正行楷简体

}

</style>

</head>

<body>

<ul class="content">

<li>大江东去</li>

<li>浪淘尽</li>

<li>千古风流人物</li>

<li>故垒西边</li>

<li>人道是</li>

<li>三国周郎赤壁</li>

<li>乱石穿空</li>

<li>惊涛拍岸</li>

<li>卷起千堆雪</li>

<li>江山如画</li>

<li>一时多少豪杰</li>

<li>遥想公瑾当年</li>

<li>小乔初嫁了</li>

<li>雄姿英发</li>

<li>羽扇纶巾</li>

<li>谈笑间</li>

<li>樯橹灰飞烟灭</li>

<li>故国神游</li>

<li>多情应笑我</li>

<li>早生华发</li>

<li>人生如梦</li>

<li>一尊还酹江月&nbsp苏轼</li>

</ul>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7356678.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存