前端入门
2018-05-31 本文已影响0人
皮哥丶
HTML
- HTML（Hypertext Markup Language)
超文本标记语言。 - 它负责网页的三个要素中的结构。
- HTML使用标签的形式来标识网页中的不同组成部分。
- 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
一个最基本的HTML页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document标题</title>
</head>
<body>
这里写网页里的内容
</body>
</html>
这是今天练习的代码
很少，不过内容包含的挺多
学会后自己做了一个简单的将进酒网页
代码如下
图片路径需要写自己的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>李白的将进酒</title>
</head>
<body>
<center><a name="top"><a href="#bottom">去底部</a></a> | <a href="#x">去指定位置</a></center>
<center><h1>李白的将进酒</h1></center>
\<hr>
<center><h3>将进酒</h3></center>
<center><a href="https://baike.baidu.com/item/李白/1043?fr=aladdin" target="_blank">李白</a></center>
\<br>
<center>君不见</center>
<center>黄河之水天上来</center>
<center>奔流到海不复回</center>
<center>君不见</center>
<center>高堂明镜悲白发</center>
<center>朝如青丝暮成雪</center>
<center><img src="111.jpg"></center>
<center>人生得意须尽欢</center>
<center>莫使金樽空对月</center>
<center>天生我材必有用</center>
<center>千金散尽还复来</center>
<center>烹羊宰牛且为乐</center>
<center>会须一饮三百杯</center>
<center>岑夫子</center>
<center>丹丘生</center><a name="x"></a>
<center>将进酒</center>
<center>杯莫停</center>
<center>与君歌一曲</center>
<center>请君为我倾耳听</center>
<center><img src="222.jpg"></center>
<center>钟鼓馔玉不足贵</center>
<center>但愿长醉不复醒</center>
<center>古来圣贤皆寂寞</center>
<center>惟有饮者留其名</center>
<center>陈王昔时宴平乐</center>
<center>斗酒十千恣欢谑</center>
<center>主人何为言少钱</center>
<center>径须沽取对君酌</center>
<center>五花马</center>
<center>千金裘</center>
<center>呼儿将出换美酒</center>
<center>与尔同销万古愁</center>
\<hr>
<center>友情连接 | <a href="https://www.jianshu.com/u/7ad7b0109d8f" target="_blank">我的简书</a> | <a href="https://www.jianshu.com/u/fbdcfd9291b4" target="_blank">张轩轩的简书</a> | <a href="https://www.jianshu.com/u/c52bc1ea65db" target="_blank">晓俊的简书</a></center>
<center><a name="bottom"><a href="#top">回到顶部</a></a> | <a href="https://www.baidu.com" target="_blank">联系我们</a></center>
</body>
</html>
效果图
