第一个网页制作
2018-07-04 本文已影响0人
Cyj___
H5的文档表明，要写在网页的最上边
<!DOCTYPE html>
然后写
<html>
<head>#在其中写网页标题
<title>标题名字</title>
</head>
<body>#在这里边写网页内容
<h1>#这里只能有一个h1</h1>
</body>
</html>
例如
image.png
-
段落标签用
<p></p> -
相当于分割线用
<hr></hr> -
行转换用
<br></br> -
标签也可以叫做元素
-
它负责网页的三个要素中的结构。
-
HTML使用标签的形式来标识网页中的不同组成部分。
-
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
-
超链接 target"_blank"
-
图片标签
image.png
-
meta标签
image.png
-
xteml语法规范
image.png
-
超链接标签
image.png
关于凤求凰网页
image.png
image.png
源代码
<!DOCTYPE html>
<html>
<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><a href="https://baike.baidu.com/item/凤求凰/63800?fr=aladdin"target="_blank">司马相如</a></center>
<center>有一美人兮，见之不忘。</center>
<center>一日不见兮，思之如狂。</center>
<center>凤飞翱翔兮，四海求凰。</center>
<center>无奈佳人兮，不在东墙。</center>
<center><img src="凤求凰.jpg"></center>
<center>将琴代语兮，聊写衷肠。</center>
<center>何日见许兮，慰我彷徨。</center>
<center>愿言配德兮，携手相将。</center>
<center>不得於飞兮，使我沦亡。</center>
<center><img src="凤求凰2.jpg"></center>
<center>凤兮凤兮归故乡，遨游四海求其凰。</center>
<center>时未遇兮无所将，何悟今兮升斯堂！</center>
<center>有艳淑女在闺房，室迩人遐毒我肠。</center>
<center>何缘交颈为鸳鸯，胡颉颃兮共翱翔！</center>
<center>凰兮凰兮从我栖，得托孳尾永为妃。<center>
<center>交情通意心和谐，中夜相从知者谁？</center>
<center>双翼俱起翻高飞，无感我思使余悲。</center>
</hr>
<center>友情链接 | <a href="https://www.jianshu.com/u/50b3398fc647"target="_blank">我的简书</a>
<center><a name="bottom"><a href="#top">回到顶部</a></a> | <a href="http://www.baidu.com" target="_blank">联系我们</a></center>
</body>
</html>
