สวัสดีคร้าบบบบบบ กลับมาเจอกันอีกเเล้วนะฮะ วันนี้เราจะมาโชว์ HTML CODE กันนะฮะ
สวยใช่ม่าาาาา เราไปดู code กันดีกว่าน่าาาา
เดียวเราไปชม Code เเต่ละส่วนกันดีกว่าาาา
กว่าจะได้มามันยากนะเธอ ฮาๆๆๆๆๆๆๆ ในรูปอาจจะไม่ชัดเดียวเอามาให้ดูกันน่าาาา
เเท็บเว็บ
<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งี้
วันนี้ลาไปก่อน สวัสดีคร้าบบบบบบบบบบบบบบบบบบบบบบบบบบ บรัยบายยยยย
