[x] ปิดหน้าต่างนี้
Powered by WISDOM-WEB 1.0
โครงการจิตอาสาพัฒนาระบบเทคโนโลยีและสารสนเทศเพื่อชนบทไทย
ยินดีต้อนรับคุณ บุคคลทั่วไป  

เปิดรับทุกโอกาสและลงมือปฏิบัติ พระบรมราโชวาท ในพิธีพระราชทานปริญญาบัตร วิทยาลัยเทคโนโลยีและอาชีวศึกษา วันที่ 8 กรกฎาคม 2530“เมื่อมีโอกาสและมีงานทำ ควรเต็มใจทำโดยไม่จำเป็นต้องตั้งข้อแม้ หรือเงื่อนไขอันใดไว้ให้เป็นเครื่องกีดขวาง คนที่ทำงานได้จริง ๆ นั้น ไม่ว่าจะจับงานสิ่งใด ย่อมทำได้เสมอ ถ้ายิ่งมีความเอาใจใส่ มีความขยัน และความซื่อสัตย์สุจริต ก็ยิ่งจะช่วยให้ประสบผลสำเร็จในงานที่ทำสูงขึ้น”             ||  ||  EnglishThai  
Bootstrap Example
น่า ๆ สาระ TIP IT
menu_wisdom
กิจกรรมโครงการ ฯ ดี ๆ
.
ปฏิทินกรรมของโครงการ

วิดีโอกิจกรรมเพื่อสังคม
โครงการจิตอาสาพัฒนาระบบเทคโนโลยีและสารสนเทศเพื่อชนบทไทย
grop facebook+
qrcode Line+



  

   เว็บบอร์ด >> สอบถามปัญหาเกี่ยวกับการซ่อมบำรุงเครื่องคอมพิวเตอร์ >>
ส่งงาน code Links Images <div> Iframes responsive  VIEW : 231    
โดย 22

UID : ไม่มีข้อมูล
โพสแล้ว : 1
ตอบแล้ว :
เพศ :
ระดับ : 1
Exp : 20%
เข้าระบบ :
ออฟไลน์ :
IP : 113.53.42.xxx

 
เมื่อ : ศุกร์์ ที่ 2 เดือน กุมภาพันธ์ พ.ศ.2561 เวลา 15:25:18    ปักหมุดและแบ่งปัน

ส่งงาน code Links Images <div> Iframes responsive

Links
Images
<div>
Iframes
responsive




โดย Mho uan
UID : ไม่มีข้อมูล
โพสแล้ว :
ตอบแล้ว : 2
ระดับ : 1
Exp : 100%
IP : 113.53.42.xxx

 
ความคิดเห็นที่ 1  เมื่อ 2 ก.พ. 2561 : 15:48

Links = การเชื่อมโยง
EX- <a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
...........................................................
Images = การใส่ภาพที่สามารถลิ้งค์เข้าไปได้
EX- <img src="img_chania.jpg" alt="Flowers in Chania">
...........................................................
<div> = การบล็อกขนาด
EX- <div>Hello</div>
<div>World</div>
...........................................................
Iframes = การเอาลิ้งค์มาแปะไว้ในเว็บ
EX- <iframe src="demo_iframe.htm" height="200" width="300"></iframe>
...........................................................
responsive = การควบคุมและปรับขนาดของเพจ
EX- <meta name="viewport" content="width=device-width, initial-scale=1.0">
...........................................................



      
โดย Tar
UID : ไม่มีข้อมูล
โพสแล้ว :
ตอบแล้ว : 1
ระดับ : 1
Exp : 100%
IP : 113.53.42.xxx

 
ความคิดเห็นที่ 2  เมื่อ 2 ก.พ. 2561 : 15:52

Links=การเชื่อมโยง
EX.<a href="https://www.wisdom-ict.com/">hello</a>
..................................................
Images=.ใส่ภาพในเว็บไซร์
EX.<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
...........................................................................
<div>=บล๊อกของข้อความ
EX.<div>Hello</div>
...........................................................................
Iframes=การแทรกเว็บไซร์
EX.<iframe height="300px" width="100%" src="demo_iframe.htm" name="iframe_a"></iframe>
......................................................................................
responsive=การปรับขนาดของภาพหรือข้อความ
EX.<img src="img_girl.jpg" style="max-width:100%;height:auto;">
...........................................................................


      
โดย ณัฐดนัย (นัท)
UID : ไม่มีข้อมูล
โพสแล้ว :
ตอบแล้ว : 2
ระดับ : 1
Exp : 100%
IP : 113.53.42.xxx

 
ความคิดเห็นที่ 3  เมื่อ 2 ก.พ. 2561 : 16:04

1)Links ลิงก์พบได้ในเกือบทุกหน้าเว็บ ลิงก์ช่วยให้ผู้ใช้สามารถคลิกจากหน้าหนึ่งไปอีกหน้าหนึ่ง 
 EX <a href="">www.google.com</a>
...............................................................
2)Images รูปภาพสามารถปรับปรุงการออกแบบและรูปลักษณ์ของหน้าเว็บได้
 EX <img src="pulpitrock.jpg">
...............................................................
3)<div> การออกแบบเว็บแบบโต้ตอบทำให้หน้าเว็บของคุณดูดีในทุกอุปกรณ์ (เดสก์ท็อปแท็บเล็ตและโทรศัพท์)
การออกแบบเว็บตอบสนองคือการใช้ HTML และ CSS เพื่อปรับขนาดซ่อนหดขยายหรือย้ายเนื้อหาเพื่อให้ดูดีบนหน้าจอใดก็ได้: 
 EX <div style="overflow:auto">
  <div class="menu">
    <div class="menuitem">นัท</div>
    <div class="menuitem">นัท1</div>
    <div class="menuitem">นัท2</div>
    <div class="menuitem">นัท3</div>
  </div>
...............................................................
4)Iframes ใช้เพื่อแสดงหน้าเว็บภายในเว็บเพจ
 EX <iframe src="www.google.com"></iframe>
...............................................................
5)responsive การออกแบบเว็บแบบโต้ตอบทำให้หน้าเว็บของคุณดูดีในทุกอุปกรณ์ (เดสก์ท็อปแท็บเล็ตและโทรศัพท์)
การออกแบบเว็บตอบสนองคือการใช้ HTML และ CSS เพื่อปรับขนาดซ่อนหดขยายหรือย้ายเนื้อหาเพื่อให้ดูดีบนหน้าจอใดก็ได้: 
 EX </head>
 <body style="font-family:Verdana;">
 <div style="background-color:#f1f1f1;padding:15px;">
  <h1>นัท</h1>
 </div>
 <div style="overflow:auto">
   <div class="menu">
     <div class="menuitem">นัท</div>
     <div class="menuitem">นัท1</div>
     <div class="menuitem">นัท2</div>
     <div class="menuitem">นัท3</div>
   </div>
   <div class="main">
     <h2>นัท</h2>
     <p>นัท.</p>
     <img src="img นัท " style="width:100%">
   </div>
   <div class="right">
     <h2>นัท</h2>
     <p>นัท.</p>
     <h2>นัท</h2>
     <p>นัท.</p>
     <h2>นัท</h2>
     <p>นัท</p>
   </div>
 </div>
 </body>
</html>
...............................................................


      
โดย Savitree
UID : ไม่มีข้อมูล
โพสแล้ว :
ตอบแล้ว : 1
ระดับ : 1
Exp : 100%
IP : 113.53.42.xxx

 
ความคิดเห็นที่ 4  เมื่อ 2 ก.พ. 2561 : 16:20

Links ลิงก์พบได้ในเกือบทุกหน้าเว็บ ลิงก์ช่วยให้ผู้ใช้สามารถคลิกจากหน้าหนึ่งไปยังอีกหน้าหนึ่ง
 Example <a href="www.facebook.com"></a>
...........................................
Images รูปภาพสามารถปรับปรุงการออกแบบและรูปลักษณ์ของหน้าเว็บได้
 Example <img src="wi">
...........................................
<div> คือ แท็กประเภทนึงของ html ใช้สำหรับครอบวัตถุที่เราต้องการ เพื่อจัดรูปแบบต่างๆ ให้กับวัตถุในตำแหน่งนั้นๆ สามารถใส่ค่าไปตรงๆ ใน div นั้น หรือ ใส่ id กับ class เพื่อใช้อ้างอิงกับการจัด CSS ได้ตามความเหมาะสม
 Example <div style="background-color:#f1f1f1;padding:15px;">
  <h1>The Wi</h1>
</div>
<div style="overflow:auto">
  <div class="menu">
    <div class="menuitem">The Wi</div>
    <div class="menuitem">The Wi1</div>
    <div class="menuitem">The Wi2</div>
    <div class="menuitem">The Wi3</div>
  </div>
  <div class="main">
...........................................
Iframes ใช้เพื่อแสดงหน้าเว็บภายในเว็บเพจ
 Example <iframe src="www.facebook.com"></iframe>
...........................................
responsive การออกแบบเว็บแบบโต้ตอบทำให้หน้าเว็บของคุณดูดีในทุกอุปกรณ์ (เดสก์ท็อปแท็บเล็ตและโทรศัพท์)
การออกแบบเว็บตอบสนองคือการใช้ HTML และ CSS เพื่อปรับขนาดซ่อนหดขยายหรือย้ายเนื้อหาเพื่อให้ดูดีบนหน้าจอใดก็ได้
 Example <div style="background-color:#f1f1f1;padding:15px;">
  <h1>The Wi</h1>
</div>
<div style="overflow:auto">
  <div class="menu">
    <div class="menuitem">The Wi</div>
    <div class="menuitem">The Wi1</div>
    <div class="menuitem">The Wi2</div>
    <div class="menuitem">The Wi3</div>
  </div>
  <div class="main">
    <h2>The Wi</h2>
    <p>The Wi</p>
    <img src="img_pulpit.jpg" style="width:100%">
  </div>
  <div class="right">
    <h2>Savitree</h2>
    <p>The Wi</p>
    <h2>Savitree</h2>
    <p>The Wi</p>
    <h2>Savitree</h2>
    <p>The Wi</p>
  </div>
</div>


      
1