1. 程式人生 > >第一篇 基本結構

第一篇 基本結構

lin 機會 idt html網頁 oct 不知道 運用 code 制作

----------第一次寫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

不知道這個鏈接你們能不能打開,好了,確實打不開。。。。

直接放圖片吧, 不過可能會影響清晰度

技術分享圖片

好了,就這樣吧,那個啥,下面有時間會接著更新的!

第一篇 基本結構