คอมพิวเตอร์การเขียนโปรแกรม

HTML คำสั่งสำหรับการสร้างเว็บไซต์

HTML ย่อยืน เป็น HyperText Markup Language HTML - มันไม่ใช่ภาษาการเขียนโปรแกรมภาษามาร์กอัปของเว็บไซต์ที่

เบราว์เซอร์ทั้งหมดสามารถที่จะแปลงมาร์กอัปนี้ในรูปแบบที่สะดวกสำหรับผู้ใช้

ภาษานี้ใช้คำสั่งพิเศษที่เรียกว่าแท็ก แท็กแต่ละคนมีฟังก์ชั่นของตัวเอง มีมากมายของแท็ก เป็นการดีที่คุณต้องเรียนรู้ทุกอย่าง แต่สำหรับนักพัฒนาสามเณรของความรู้พื้นฐานเพียงพอ

คำสั่งพื้นฐาน HTML

รายการ HTML คำสั่งมีขนาดใหญ่มาก แต่ที่สำคัญคือไม่มาก เพื่อที่จะเริ่มต้นการเขียนรหัสคุณต้องแก้ไข "โน๊ตบุ๊ค" สามารถนำมาใช้ เราขอแนะนำให้ใช้ Notepad ++ ลักษณะเช่นนี้

ข้อดีคือในตัวแก้ไขแท็กพิเศษเป็นไฮไลต์ในสีที่แตกต่างกันขึ้นอยู่กับประเภท คำสั่งสำหรับการสร้างเว็บไซต์ HTML ใน Notepad หรือโปรแกรมอื่น ๆ ของเดียวกัน ภาษาที่ใช้ทุกเดียวกัน การพัฒนาสิ่งแวดล้อม - เป็นเพียงเครื่องมือ

ใน HTML, มีการปิดแท็กและ unobscured นอกจากนี้ในภาษานี้มีแนวคิดของการทำรัง วัตถุในรหัสแต่ละ - มันเป็นองค์ประกอบ องค์ประกอบที่มีแท็กเริ่มต้นเนื้อหาและปิด นอกจากนี้แท็กมีคุณสมบัติการขยายตัวของมันเองที่มีค่าของพวกเขา

รูปที่แสดงให้เห็นสองแท็ก และ โปรดจำไว้ว่าการเปิดและปิดสะกดเหมือนกัน แต่แตกต่างกันโดยเฉพาะ "/" หากแท็กไม่ได้ปิดตัวจัดการจะถือเป็นความต่อเนื่องของส่วนที่เหลือขององค์ประกอบนี้โดยเฉพาะอย่างยิ่ง นี้เป็นสิ่งสำคัญมาก โดยเฉพาะอย่างยิ่งในการอ้างอิง เราจะมองพวกเขาเพียงเล็กน้อยต่อไป

แท็กที่มีผลผูกพัน มันก็มักจะจำเป็นในการเขียน แต่ปิดไม่จำเป็นต้องใช้ ตามมาตรฐานที่ควรจะเป็น แต่ถ้าคุณไม่ปิดการทำงานจะยังคงเป็น

มีแท็กพื้นฐานอื่น ๆ : หัวและลำตัว

เหล่าทีม HTML มีกรอบการทำงานสำหรับหน้า พวกเขาจะต้อง พวกเขาจะถูกปิดไปด้วย

ชื่อของแท็กตรงกับเจตนา หัว - หัว ส่วนนี้จะระบุบริการและข้อมูลที่สำคัญซึ่งจะมองไม่เห็น ร่างกายมาตรา - ร่างกายของเอกสาร นี่คือเนื้อหาที่แสดงให้กับผู้ใช้ ลองปิดแท็กในครั้งเดียวจากนั้นก็ให้หลีกเลี่ยงความสับสน

ในส่วนการให้บริการฯ :

  • ชื่อเรื่องของเอกสารนั้น
  • ไฟล์รูปแบบ;
  • แฟ้มสคริปต์;
  • แท็ก meta;
  • คำแนะนำสำหรับเครื่องมือค้นหา;
  • คำแนะนำสำหรับหุ่นยนต์;
  • ข้อมูลอื่น ๆ ที่สามารถนำมาใช้โดยโปรแกรมเมอร์ แต่ไม่ผู้ใช้

ไฟล์สไตล์รวมอยู่ที่นี่ต่อไปนี้:

= http: // เว็บไซต์ประเภท /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "text / css ที่">

ไฟล์สคริปต์ดังต่อไปนี้:

<ชนิดสคริปต์ = "text / javascript ของ " src = 'http: // เว็บไซต์ /article/256185/main.js'>

ในข้อความที่จะต้องมุ่งหน้าไป จุดของเขาออกไปนี้:

ชื่อ </ title> หน้า</em> </p> <p> ข้อความนี้จะปรากฏในชื่อของเบราว์เซอร์แท็บ นอกจากนี้ชื่อนี้ได้มาเป็นผลมาจากการออกเครื่องมือค้นหา </p> <h2> แท็กสำหรับรูปแบบข้อความ </h2><p> ข้อความที่ควรจะอยู่ในแท็กของย่อหน้า เขาจะเรียกว่า <p> ข้อความ </ p> สำหรับข้อความที่คุณยังสามารถใช้ <span> สตริง </ span> </p> <p> การวาดข้อความสามารถในขณะที่ "คำว่า": </p> <ul><li> <I> เอียง </ i> </li><li> <strong> ข้อความเป็นตัวหนา </ strong> </li><li> <S> ขีดทับข้อความ </ s> </li><li> <u> ข้อความที่ขีดเส้นใต้ </ u> </li></ul><p> ข้อความที่สามารถวาดรูปแบบ เราจะดูที่พวกเขาในท้ายที่สุดหลังจากที่ความคิดเห็นขององค์ประกอบอื่น ๆ </p> <h2> โดยใช้ชื่อ </h2><p> มีความสำคัญ HTML คำสั่งอื่น ๆ ส่วนหัวจำเป็นต้องใช้ในการสร้างเว็บไซต์ พวกเขาจะถูกระบุโดยใช้แท็ก <h1> เดินทางระดับแรก </ h1> มีระดับ 1 ถึง 6 มีสิ่งสำคัญคือต้องเข้าใจว่าในส่วนหัวควรจะซ้อนกัน </p> <p> ตัวอย่างในรูป </p> <p><amp-img src="https://i23.delachieve.com/image/fceb0bfa7dde0ec8.jpg" alt="คำสั่งพื้นฐาน HTML" width="700" height="280" layout="intrinsic"></amp-img></p> <p> เก็บไว้ในใจว่ามันจะแนะนำให้ใช้เพียงหนึ่งหัวข้อ h1 ในกรณีนี้จะต้องตรงกับแท็ก <title> แน่นอนคุณสามารถระบุ 200 หัว h1 แต่แล้วคุณจะได้รับการลงโทษโดยเครื่องมือค้นหา </p> <h2> การใช้ภาพ </h2><p> รูปภาพนี้เป็นส่วนหนึ่งของหน้าเว็บ ตัวอย่างที่แสดงให้เห็นว่ามันเป็นไปได้ที่จะแทรกภาพใด ๆ </p> <p><amp-img src="https://i23.delachieve.com/image/dc8e12f27ddf0ec8.jpg" alt="คำสั่ง HTML สำหรับเว็บไซต์" width="487" height="200" layout="intrinsic"></amp-img></p> <p> ในขณะที่คุณสามารถดูตัวอย่างที่แสดงในรายละเอียดวิธีการและสิ่งที่จะพูด </p> <h2> ใช้การเชื่อมโยง </h2><p> ถ้าคุณเรียนรู้ HTML สั่งการเชื่อมโยงแท็กตระหนักถึงคุณก็ต้อง นี้เป็นหนึ่งในองค์ประกอบที่สำคัญที่สุดซึ่งเป็น <a href="https://th.delachieve.com/%E0%B9%80%E0%B8%A7%E0%B8%B4%E0%B8%A5%E0%B8%94%E0%B9%8C%E0%B9%84%E0%B8%A7%E0%B8%94%E0%B9%8C%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/">เวิลด์ไวด์เว็บ</a> </p> <p> แท็ก link ถูกกำหนด <a> แต่แน่นอนมันจะต้องมีการปิด นอกจากนี้รายการนี้มีคุณลักษณะที่จำเป็นของ href ซึ่งในที่อยู่และจุดเชื่อมโยงไปยัง </p> <p><amp-img src="https://i23.delachieve.com/image/e1ee3b427de40ec9.jpg" alt="คำสั่ง HTML" width="474" height="200" layout="intrinsic"></amp-img></p> <p> ในตัวอย่างข้างต้นจะเห็นได้ว่าแทนข้อความที่มีภาพอ้างอิง นั่นคือคุณสามารถใส่ทั้งข้อความและรูปภาพ </p> <p> การเชื่อมโยงนอกจากนี้ยังสามารถจัดรูปแบบโดยใช้รูปแบบการเรียนหรือแท็กธรรมดา (ตัวเอียงตัวหนาขีดเส้นใต้ขีด) </p> <h2> โดยใช้ตาราง </h2><p> ตารางยังใช้บ่อยมาก พวกเขาตั้งใจเดิมที่จะให้ข้อมูลในวิธีที่สะดวก แต่แล้วรูปแบบที่ถูกนำมาใช้เพื่อรองรับองค์ประกอบของหน้าต่างๆ </p> <p> ตารางจะถูกสร้างขึ้นดังต่อไปนี้: </p> <p> <em><ความกว้างของตาราง = "100%" border = "1"></em> </p> <p> <em><tr></em> </p> <p> <em><td> ข้อความมือถือ </ td></em> </p> <p> <em><td> ข้อความมือถือ </ td></em> </p> <p> <em></ tr></em> </p> <p> <em><tr></em> </p> <p> <em><td> ข้อความมือถือ </ td></em> </p> <p> <em><td> ข้อความมือถือ </ td></em> </p> <p> <em></ tr></em> </p> <p> <em></ table></em> </p> <p> แอตทริบิวต์ความกว้างระบุความกว้างของตาราง มันอาจจะเป็นเปอร์เซ็นต์หรือพิกเซล ชายแดนบ่งชี้ความหนาของกรอบ </p> <p> โครงสร้างจะแสดงดังต่อไปนี้ แท็ก tr เป็นสตริง เซลล์ td แท็ก และทั้งหมดเข้าด้วยกัน - โต๊ะ </p> <p><amp-img src="https://i23.delachieve.com/image/047bcf4b7ded0ecb.jpg" alt="รายการคำสั่ง HTML" width="535" height="290" layout="intrinsic"></amp-img></p> <p> คุณสามารถจัดตาราง มันใช้แอตทริบิวต์ชิดซึ่งอาจใช้เวลาสามค่า: ซ้ายกลางขวา ตัวอย่างของการใช้ระบุไว้ด้านล่าง </p> <p><amp-img src="https://i23.delachieve.com/image/391be6fb7df20ecc.jpg" alt="คำสั่ง HTML สำหรับตาราง" width="375" height="253" layout="intrinsic"></amp-img></p> <p> เหล่านี้ HTML คำสั่ง (กว้างและการจัดตำแหน่ง) นอกจากนี้ยังเหมาะสำหรับองค์ประกอบอื่น ๆ ความหนาของกรอบตามที่ระบุไว้ในภาพ </p> <h2> การใช้รายการ </h2><p> การใช้คำสั่ง HTML คุณสามารถสร้างประเภทต่างๆของรายการ เกือบจะเหมือนกับใน Word </p> <p> ในภาษามี Html สั่งซื้อและเรียงลำดับ รายการ (สัญลักษณ์) ตัวอย่างของรายการดังกล่าว </p> <p> <em><ul></em> </p> <p> <em><li> แรก </ li></em> </p> <p> <em><li> สอง </ li></em> </p> <p> <em><li> สาม </ li></em> </p> <p> <em></ ul></em> </p> <p> ผลที่จะได้รับ: </p> <ul><li> เป็นครั้งแรก </li><li> ที่สอง </li><li> ที่สาม </li></ul><table align=center cellpadding=5 cellspacing=0 style="width: 539px; height: 215px;"><tbody><tr><td width=240><p> <strong>รายการประเภท</strong> </p> </td><td width=345><p> <strong>รหัสในภาษาของ HTML</strong> </p> </td></tr><tr><td width=240><p> ในรูปแบบของวงกลม </p> </td><td width=345><p> <ชนิด Ul = "ดิสก์"> <br> <li> ... </ li> <br> </ ul> </p> </td></tr><tr><td width=240><p> ล้อมวง </p> </td><td width=345><p> <ชนิด Ul = "วงกลม"> <br> <li> ... </ li> <br> </ ul> </p> </td></tr><tr><td width=240><p> ในเครื่องหมายสี่เหลี่ยมจตุรัส </p> </td><td width=345><p> <ชนิด Ul = "ตาราง"> <br> <li> ... </ li> <br> </ ul> </p> </td></tr></tbody></table><p> รายการสั่งซื้อจะถูกสร้างขึ้นในลักษณะเดียวกัน แต่แทนที่จะ <ul> ใช้แท็ก <ol> </p> <p> นอกจากนี้คุณยังสามารถระบุชนิดของรายการที่ส่งออก: </p> <ul><li> <em>"1"</em> - อารบิค 1, 2, 3 ... </li><li> <em>"A"</em> - ตัวอักษรพิมพ์ใหญ่ A, B, C ... </li><li> <em>"A"</em> - ล่างตัวอักษรกรณี b, c ... </li><li> <em>"ฉัน"</em> - ใหญ่เลขโรมัน I, II, III ... </li><li> <em>"ฉัน"</em> - ขนาดเล็กเลขโรมัน I, II, III ... </li></ul><p> ออกมาตรฐานของเลขอารบิค </p> <p> ตั้งแต่นี้สัญลักษณ์รายการที่พวกเขามีแอตทริบิวต์เริ่มต้นซึ่งระบุค่าเริ่มต้นของรายการ ตัวอย่างเช่นคุณสามารถแสดงรายการเริ่มต้นจาก 10 หรือ 20 </p> <h2> โดยใช้รูปแบบ </h2><p> HTML คำสั่งสำหรับเว็บไซต์ที่มีความหลากหลายมาก แต่พวกเขาทั้งหมดเชื่อฟังรูปแบบ รูปแบบที่สามารถระบุได้ในไฟล์ภายใต้หัว: <link rel = "สไตล์ชีต" href = http: // เว็บไซต์ประเภท /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "text / css ที่" > หรือกำหนดรูปแบบพร้อม </p> <p> โปรดทราบว่าระหว่างคำนิยามเหล่านี้ของรูปแบบที่มีความแตกต่าง รูปแบบรูปภาพสามารถระบุได้ในทุกหน้าของเว็บไซต์ เร็วที่สุดเท่าที่คุณทำการเปลี่ยนแปลงไปแล้วการปรับปรุงนี้จะส่งผลกระทบต่อทั้งเว็บไซต์เป็นทั้ง ถ้าคุณระบุรูปแบบบนหน้าเฉพาะการเปลี่ยนแปลงและการใช้งานของชั้นเรียนเหล่านี้จะเป็นเพียงในไฟล์ นอกจากนั้นการตั้งค่าของคุณจะไม่ออกมา </p> <p> ลองจินตนาการว่าคุณมี 20 หน้าใน HTML และคุณตัดสินใจที่จะทำให้ส่วนหัว 2 พิกเซลมากขึ้น หากคุณมีทุกอย่างที่อยู่ในไฟล์รูปแบบแล้วแก้ไขเพียงต้องการที่จะทำให้มี หากทั้งหมดเป็นรายบุคคลคุณจะต้องอัปเดตทั้งหมด 20 หน้า </p> <p> เพียง แต่ชี้ไปที่หน้าเดียวดังนี้ </p> <p><amp-img src="https://i23.delachieve.com/image/a64e41927de90eca.jpg" alt="HTML คำสั่งรูปแบบ" width="248" height="200" layout="intrinsic"></amp-img></p> <p> วิธีนี้ไม่แนะนำ </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%AD%E0%B8%B2%E0%B9%81%E0%B8%88%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C-%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-asynchronous-javascript/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/84e4e0577e3f0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/84e4e0577e3f0ecf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%AD%E0%B8%B2%E0%B9%81%E0%B8%88%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C-%E0%B8%A1%E0%B8%B1%E0%B8%99%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-asynchronous-javascript/"> <p>อาแจ็กซ์ - มันคืออะไร? Asynchronous JavaScript และ XML: ข้อดีและข้อเสีย</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A2%E0%B8%AD%E0%B8%94%E0%B8%82%E0%B8%AD%E0%B8%87-balmer/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b44ccbd97dff0ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b44ccbd97dff0ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A2%E0%B8%AD%E0%B8%94%E0%B8%82%E0%B8%AD%E0%B8%87-balmer/"> <p>"ยอดของ Balmer": ตำนานหรือความเป็นจริง? ทำไมโปรแกรมเมอร์ต้องการทำงานตอนกลางคืน? Steve Ballmer</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B9%81%E0%B8%A3%E0%B8%81%E0%B9%83%E0%B8%99%E0%B8%8A%E0%B8%A7%E0%B8%B2-hello-world/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7a0868577e640ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7a0868577e640ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B9%81%E0%B8%A3%E0%B8%81%E0%B9%83%E0%B8%99%E0%B8%8A%E0%B8%A7%E0%B8%B2-hello-world/"> <p>โปรแกรมแรกในชวา - Hello World</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B9%84%E0%B8%A1%E0%B9%82%E0%B8%84%E0%B8%A3%E0%B8%84%E0%B8%AD/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/509b7b7d708a0ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/509b7b7d708a0ea7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B9%84%E0%B8%A1%E0%B9%82%E0%B8%84%E0%B8%A3%E0%B8%84%E0%B8%AD/"> <p>การเขียนโปรแกรมไมโครคอนโทรลเลอร์สำหรับผู้เริ่มต้น: ง่ายและราคาไม่แพง</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%88%E0%B8%B0%E0%B8%97%E0%B8%B3%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%A3%E0%B8%B2%E0%B8%A2%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%99/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/db5d724f70650ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/db5d724f70650ea1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%88%E0%B8%B0%E0%B8%97%E0%B8%B3%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%A3%E0%B8%B2%E0%B8%A2%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%99/"> <p>วิธีที่จะทำให้รายการในรายการ HTML-คู่มือสำหรับผู้เริ่มต้น</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A-json/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/db7354f27da10ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/db7354f27da10ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A-json/"> <p>รูปแบบ JSON: คำอธิบายตัวอย่าง</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/abcs-%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%9A%E0%B8%B2%E0%B8%A5-2/"> <p>ABCs ของการพยาบาล</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">ความงาม</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/dir-615-%E0%B9%80%E0%B8%9F%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%A1/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/750ced147da40ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/750ced147da40ec3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/dir-615-%E0%B9%80%E0%B8%9F%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%A1/"> <p>DIR-615: เฟิร์ม, การกำหนดค่าฮาร์ดแวร์</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/jodomarin-200/"> <p>Jodomarin-200</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">สุขภาพ</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A3%E0%B8%B5%E0%B8%A7%E0%B8%B4%E0%B8%A7-citroen-c3-picasso-citroen-c3-picasso/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f4dfec33700b0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f4dfec33700b0e99-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A3%E0%B8%B5%E0%B8%A7%E0%B8%B4%E0%B8%A7-citroen-c3-picasso-citroen-c3-picasso/"> <p>รีวิว: "Citroen C3 Picasso" "Citroën C3 Picasso": ข้อมูลจำเพาะภาพถ่าย</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">รถยนต์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%A3%E0%B9%82%E0%B8%81%E0%B8%A3%E0%B9%8C%E0%B8%81%E0%B8%B5-dnepropetrovsk/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2e4a5b457ea30edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2e4a5b457ea30edb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%A3%E0%B9%82%E0%B8%81%E0%B8%A3%E0%B9%8C%E0%B8%81%E0%B8%B5-dnepropetrovsk/"> <p>โรงละครโกร์กี (Dnepropetrovsk): ประวัติละครเพลง</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">ศิลปะและความบันเทิง</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%94%E0%B8%A7%E0%B8%87%E0%B8%95%E0%B8%B2%E0%B8%AA%E0%B8%B5%E0%B9%80%E0%B8%97%E0%B8%B2%E0%B8%AA%E0%B8%B5%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%A7/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/8f3705f154370e35-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/8f3705f154370e35-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%94%E0%B8%A7%E0%B8%87%E0%B8%95%E0%B8%B2%E0%B8%AA%E0%B8%B5%E0%B9%80%E0%B8%97%E0%B8%B2%E0%B8%AA%E0%B8%B5%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%A7/"> <p>ดวงตาสีเทาสีเขียว: สิ่งที่เป็นเจ้าของของพวกเขาและสิ่งที่แต่งหน้าเหมาะสมกับพวกเขา</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">ความงาม</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p> </p><p> </p><p> </p><p> </p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B8%94%E0%B8%AD%E0%B8%81%E0%B9%84/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/5bb3e34d703e0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/5bb3e34d703e0ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B8%94%E0%B8%AD%E0%B8%81%E0%B9%84/"> <p>วิธีการสร้างรูปแบบดอกไม้ที่สวยงามของคุณเอง</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">ศิลปะและความบันเทิง</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%9E%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%A3%E0%B9%87%E0%B8%A7%E0%B9%83%E0%B8%99-5/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/36bd9a2e7dac0ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/36bd9a2e7dac0ec3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%9E%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%A3%E0%B9%87%E0%B8%A7%E0%B9%83%E0%B8%99-5/"> <p>วิธีการเพิ่มความเร็วในการทำให้สุกมะเขือเทศในเรือนกระจก: การใส่ปุ๋ยรดน้ำ, โคมไฟสำหรับเรือนกระจก</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">เรียบๆ</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%9E%E0%B8%A5%E0%B8%B1%E0%B8%9A/"> <p>ลูกพลับ: คุณสมบัติที่มีประโยชน์ของผลไม้เล็ก ๆ ที่น่าตื่นตาตื่นใจ</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">สุขภาพ</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%84%E0%B8%A5%E0%B8%B1%E0%B8%9A-%E0%B8%99%E0%B8%B2%E0%B8%AC%E0%B8%B4%E0%B8%81%E0%B8%B2-belgorod/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/a785903a7e9e0ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/a785903a7e9e0ed5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%84%E0%B8%A5%E0%B8%B1%E0%B8%9A-%E0%B8%99%E0%B8%B2%E0%B8%AC%E0%B8%B4%E0%B8%81%E0%B8%B2-belgorod/"> <p>คลับ "นาฬิกา" (Belgorod): คุณสมบัติของการทำงานและความคิดเห็น</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">ข่าวและสังคม</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B9%81%E0%B8%AB%E0%B8%A5%E0%B9%88%E0%B8%87%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%84%E0%B8%9F%E0%B9%84%E0%B8%9B%E0%B8%A2%E0%B8%B1%E0%B8%87%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD/"> <p>แหล่งจ่ายไฟไปยังเครื่องคอมพิวเตอร์ วิธีที่จะทำให้ทางเลือกที่เหมาะสม?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">คอมพิวเตอร์</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://th.delachieve.com/%E0%B8%81%E0%B8%8E%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%A3%E0%B8%B1%E0%B8%90%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/be06d6807e660ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/be06d6807e660ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://th.delachieve.com/%E0%B8%81%E0%B8%8E%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%A3%E0%B8%B1%E0%B8%90%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%81%E0%B8%A5%E0%B8%B2%E0%B8%87/"> <p>กฎหมายของรัฐบาลกลาง "ในองค์กรเพื่อการค้า" (แก้ไข)</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">กฎหมาย</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 th.delachieve.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.142 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-01 02:18:31 --> <!-- 0.002 -->