制作一个简单的网页
2018-08-06 本文已影响0人
你猜_e00d
网页的基本结构
根标签：一个页面只有一个根标签
<html> </html>
头标签：这个标签里面的东西主要是配置
<head></head>
体标签：这个标签主要写内容
<body></body>
标题标签：标题标签一共6级从上到下越来越小
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
网页中的一些方法
在网页中的注释，这个注释只能在源码中查看，在网页上不会显示。
<!--写注释的内容--->
文档声明:这个主要声名是H5写的
<!DOCTYPE html>
字符编码:这个是告诉服务器你的编码格式
<meta charset="utf-8" />
表示一个段落
<p></p>
换行
<br>#是自结型字符串
水平线生成
<hr> #是自结型字符串
图片标签
<img src="2.jpg" alt="这是一个图片">
str是描述你图片的位置，如果在当前文件夹下直接写文件名，如果不是就要描述你图片的位置
alt是在图片显示不出来时描述
超链接
<a href="http://www.baidu.com" target="_blank">a链接</a>
让文字居中
<center></center>
下面是一个简单的网页
<!DOCTYPE html>
<html>
<hade>
<meta charset="utf-8" />
<title>第一个网站一首歌</title>
</hade>
<body id="div">
<center>
<a href="#abc">去底部</a>|<a href="http://www.baidu.com" target="_blank">去指定地方</a>
<h1>歌曲</h1>
<hr/>
<h3>再也不会遇见第二个她</h3>
<p>
词：<a href="http://manmankan.com/nizhidaoma/article/2018/24451.shtml" target="_blank">李哈哈</a><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>
当她选择四海流浪<br>
<img src="1.jpg" alt="这是一个伤感图片"> <br>
又给她一丝希望<br>
是不是对你而言<br>
反正会破镜重圆<br>
所以才会一次一次<br>
一直都不厌其烦<br>
是不是对你来说<br>
曾经付出了太多<br>
所以现在一次一次<br>
一直往她心上戳<br>
是不是她总是心软<br>
才让你周而复反<br>
是不是她变得勇敢<br>
给足了你安全感<br>
是不是她总是原谅<br>
你才不放在心上<br>
是不是她总为你唱<br>s
像离不开你一样<br>
应了那一句老话<br>
<img src="2.jpg" alt="这是一个图片"> <br>
太主动的太廉价<br>
是她拿起放不下<br>
所以活该被践踏<br>
你见过最初的她<br>
也见过改变的她<br>
可你如果失去她<br>
就再也不会遇见第二个她了
</p>
<hr/>
<h3>
友情链接：<a href="http://www.baidu.com" target="_blank">a链接</a>|<a href="http://www.4399.com" target="_blamk">b链接</a>|<a href="http://www.7k7k.com" target="_blank">c链接</a>
</h3>
<h3>
<a href="#div" id="abc">置顶</a>|<a href="">联系我们</a>
</h3>
</center>
</body >
</html>
下面是运行的结果
