第一篇 基本结构

----------第一次写html的东西,好久没学了,还是想坚持学完,有时间更新一下吧,虽然写的贼菜!----------

我的水平真的停留在初学者。。。。。。

----------用DWCC制作HTML网页文档,按照WEB标准添加网页内容,并运用WEB表现(Presentation)语言(CSS层叠样式表)美化网页。----------

网页基本结构

下面是最基本的模板,这个html最大的特点,我认为就是标签的成对出现 ,在下面的代码中我们可以看到表现语言放在头部标签里面(头部标签即<head></head>)

<!doctype html>
<html>
<head>   //头部标签
<title></title>
<style></style> //表现语言
</head>
<body></body>
</html>

一些常见的表示含义:

font-size:文字大小

line-height:行间距

padding-top:上 内间距

padding-bottom: 下 内间距

padding-left: 左 内间距

padding-right: 右 内间距

小菜鸡第一次成果展示

下面主要给大家看一下我第一次写的网页吧(不喜勿喷)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>至尊宝的故事</title>
<style>
    div{background:url(6df9816a9a6fac98a815789540d27409.jpeg);width:1920px;height:1200px;line-height:70px;color:rgba(241,198,15,1.00);padding-left: 300px;}
    </style>
</head>

<body>
<div>
    “曾经有一份真诚的爱情放在我面前,我没有珍惜。<br>
    等我失去的时候,我才后悔莫及。<br>
    如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。<br>
    如果非要在这份爱上加一个期限,我希望是......一万年。”<br>
  爱一个人是那么的痛苦。<br>
  可她在你的心里,留下了一样东西。<br>
  至尊宝和紫霞,永久的伤痕和遗憾。<br>
  上天,真的再赐予一次机会。现在,那个记忆中紫衣飘飘的女孩子,就在眼前。<br>
  爱,还有没有重来?抓住她的手,会不会再松开?<br>
</div>
</body>
</html>

PS:这是最简单的结构了,那个啥,最后效果是这样的file:///E:/%E6%96%B9%E6%B8%85%E7%9A%84%E5%AF%92%E5%81%87%E5%AD%A6%E4%B9%A0%E6%83%85%E5%86%B5/html%202.0/images/h02.12.html

不知道这个链接你们能不能打开,好了,确实打不开。。。。

直接放图片吧, 不过可能会影响清晰度

好了,就这样吧,那个啥,下面有时间会接着更新的!

猜你喜欢

转载自www.cnblogs.com/laysfq/p/9833815.html