แบบฝึกที่ 3 : เรื่องการจัดหน้าเว็บเพจ ตอนที่ 2

work 1 : เทคนิคการสร้างกล่องข้อความด้วย CSS

แทรกระหว่าง  <head>

<style type="text/css">

blockquote {

background: #cb99ff;

}

</style>

 

จากนั้น  หลัง <body> แทรก <blockquote> พิมพ์ข้อความ </blockquote>

 

คำสั่งอื่นๆ ที่น่าสนใจ

margin:2.5em;

padding: 1em;

max-width: 800px;

border-radius: 1.5em;

box-shadow:black 0.5em 0.5em 0.5em;

------------------------------------------------------------

work 2 :  เทคนิคการสร้างตาราง

คลิกดูตัวอย่าง

 

------------------------------------------------------------

 

work 3 :  การจัดหน้าเว็บเพจ โดยใช้ IFRAME

คลิกดูตัวอย่าง

 

Copy Coding ด้านล่าง วางไว้ระหว่าง tag body

<iframe src="/dc386/http://www.sanook.com/" width="100%" height="500" scrolling="no">

* หมายเหตุ ลบ /dc386/ ออกด้วยครับ

* ทดลองเปลี่ยน url เป็นเว็บไซต์ตนเอง และลองเปลี่ยนขนาดความกว้าง และความสูงของเว็บตามความเหมาะสม

------------------------------------------------------------

 

เข้าสู่ระบบ



เรามี 1 บุคคลทั่วไป ออนไลน์
mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterToday3
mod_vvisit_counterYesterday6
mod_vvisit_counterThis week33
mod_vvisit_counterLast week38
mod_vvisit_counterThis month120
mod_vvisit_counterLast month157
mod_vvisit_counterAll days159778