HTML/CSS WITH BUILDKUNG

สวัสดีคร้าบบบบบบ กลับมาเจอกันอีกเเล้วนะฮะ วันนี้เราจะมาโชว์ HTML CODE กันนะฮะ

Untitled - 1

สวยใช่ม่าาาาา เราไปดู code กันดีกว่าน่าาาา

  Untitled - 2
Untitled - 4

เดียวเราไปชม Code เเต่ละส่วนกันดีกว่าาาา

Untitled - 2-1 Untitled - 4-1

กว่าจะได้มามันยากนะเธอ ฮาๆๆๆๆๆๆๆ ในรูปอาจจะไม่ชัดเดียวเอามาให้ดูกันน่าาาา

เเท็บเว็บ

<title>K_GALLERY</title>

ส่วนข้อความ

<header class=”w3-container w3-padding-32 w3-center w3-opacity w3-margin-bottom”>
<div class=”w3-clear”></div>
<h1><b>K_GALLERY</b></h1>
<p><b>Wellcome To My Gallery</b></p>
<p class=”w3-padding-16″><button class=”w3-btn” onclick=”myFunction()”>Toggle Grid Padding</button></p>
</header>

ส่วนที่เป็นรูป ( จะขึ้นตามที่ที่เราเก็บรูปไว้นะ )

<div class=”w3-row” id=”myGrid” style=”margin-bottom:128px”>
<div class=”w3-third”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/Untitled Export/BACC/DSC_0024.jpg”style=”width:100%” >
<img src=”file:///D|/HIGH PROJECT/PHOTO/Untitled Export/BACC/DSC_0003.jpg” style=”width:100%”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/Untitled Export/BACC/DSC_0001.jpg”style=”width:100%” >
</div>

<div class=”w3-third”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/14285616_1022920711140302_1605179872_o.jpg”style=”width:100%” >
<img src=”file:///D|/HIGH PROJECT/PHOTO/IMG_1689.JPG” style=”width:100%”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/S__3768322.jpg” style=”width:100%”>
</div>

<div class=”w3-third”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/030659/DSC_0026.jpg” style=”width:100%”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/030659/DSC_0220.jpg” style=”width:100%”>
<img src=”file:///D|/HIGH PROJECT/PHOTO/030659/DSC_0003.jpg” style=”width:100%”> </div>
</div>

 

ส่วน Footer

<footer class=”w3-container w3-padding-64 w3-light-grey w3-center w3-opacity w3-xlarge” style=”margin-top:128px”>
<i class=”fa fa-facebook-official w3-hover-text-indigo”></i>
<i class=”fa fa-instagram w3-hover-text-purple”></i>
<i class=”fa fa-snapchat w3-hover-text-yellow”></i>
<i class=”fa fa-pinterest-p w3-hover-text-red”></i>
<i class=”fa fa-twitter w3-hover-text-light-blue”></i>
<i class=”fa fa-linkedin w3-hover-text-indigo”></i>
<p class=”w3-medium”>Powered by <a href=”http://nataponsudt.wixsite.com/buildkung” target=”_blank” class=”w3-hover-text-green”>BUILDKUNG</a></p>
</footer>

 

จะเห็นได้ว่าในการสร้างเว็บนั้นจะใช้ HTML อย่างเดียวไม่ได้ต้องใช้ CSS มาช่วยให้สวยงามนะจ๊ะ ไม่ใช่เเค่ 22 ตัวนี้นะที่สร้างเว็บได้มีอีกเยอะเเยะเลย JAVASCRIPTงี้ PHPงี้

วันนี้ลาไปก่อน สวัสดีคร้าบบบบบบบบบบบบบบบบบบบบบบบบบบ บรัยบายยยยย

  •  
  •  
  •  
  •  
  •  
NATAPON SUDTO
at GlurGeek.Com
K_PIXEL PHOTOGRAPHY / Traveler
นักศึกษา BANGKOK UNIVERSITY : ENGINEERING COMPUTER

Leave a Reply