การออกแบบเว็บไซต์
ขั้นตอนของการสร้างเว็บไซต์
การสร้างเว็บไซต์เกี่ยวข้องกับหลายขั้นตอน ตั้งแต่การคิดไอเดียไปจนถึงการนำไปปฏิบัติ หากต้องการสร้างผลิตภัณฑ์ที่น่าสนใจและมีประโยชน์อย่างแท้จริง คุณต้องทำตามขั้นตอนต่อไปนี้
การวิเคราะห์และการออกแบบ การวิเคราะห์จุดแข็งและ จุดอ่อน คู่แข่ง การออกแบบข้อมูลของเว็บไซต์ การพัฒนาแนวคิด การประเมินกลุ่มเป้าหมาย
การเขียนเนื้อหา ภายใต้ เนื้อหา หมายถึงเนื้อหาข้อมูลของเว็บไซต์ คำนี้ใช้เพื่ออ้างถึงเนื้อหาเชิงอุดมคติของเว็บไซต์
ความคิดสร้างสรรค์. ความคิดสร้างสรรค์ - คำที่ใช้แสดงถึงองค์ประกอบภาพของเว็บไซต์ ซึ่งรวมถึงการพัฒนาการออกแบบ องค์ประกอบกราฟิก การประมวลผลกราฟิก และทุกสิ่งที่เกี่ยวข้อง
การเขียนโค้ดเว็บไซต์ การเขียนโปรแกรมไฟล์เว็บ การเขียนส่วนการทำงาน
การทดสอบ ในขั้นตอนนี้ ทุกอย่างได้รับการตรวจสอบแล้ว: ความง่ายในการนำทาง ความสมบูรณ์ของข้อมูล ความถูกต้องของลิงก์ และการสะกดคำ นอกจากนี้ เบราว์เซอร์บางตัวอาจตีความแท็ก HTML เดียวกันในลักษณะเดียวกันไม่ได้
สิ่งตีพิมพ์. การวางเว็บไซต์บนอินเทอร์เน็ต ผู้ให้บริการอินเทอร์เน็ต (ISP) ส่วนใหญ่ให้บริการโฮสต์เว็บเพจหน้าแรกฟรี (บริการนี้เรียกว่าเว็บโฮสติ้ง) หากต้องการเผยแพร่ คุณสามารถโฮสต์เว็บไซต์ของคุณกับผู้ให้บริการหรือใช้ตัวเลือกอื่นได้
สนับสนุน. มีความจำเป็นต้องตัดสินใจว่าจะเพิ่มส่วนและวัสดุใหม่อย่างไร และจะเกิดอะไรขึ้นกับส่วนเก่า อาจจำเป็นต้องสร้างคลังข่าวที่จะมีข่าวสารที่สูญเสียความเกี่ยวข้องไปแล้ว สิ่งสำคัญยิ่งกว่านั้นคือต้องอัปเดตข้อมูลบนเว็บไซต์เป็นประจำเพื่อให้แน่ใจว่าข้อมูลนั้นยังคงน่าดึงดูด
คำศัพท์การออกแบบเว็บไซต์
เว็บเบราว์เซอร์ - แอปพลิเคชันโปรแกรมที่ออกแบบมาเพื่อตีความรหัสเอกสาร HTML และแสดงเอกสารไฮเปอร์เท็กซ์บนหน้าจอคอมพิวเตอร์ เบราว์เซอร์ที่ใช้บ่อยที่สุด - อินเทอร์เน็ตเอ็กซ์พลอเรอร์ ,โอเปร่า, มอซซิลา ไฟร์ฟอกซ์ , Google Chrome . นอกจากคำว่า "เบราว์เซอร์" แล้ว ยังมีการใช้คำที่มีความหมายเหมือนกัน: "เบราว์เซอร์" และ "ตัวนำทาง"
เว็บไซต์ - ชุดของการเชื่อมต่อระหว่างกันซึ่งมีความหมายคล้ายกันกับเว็บเพจและไฟล์ แต่ละเว็บไซต์มีเว็บเพจเดียวที่เรียกว่าโฮมเพจหรือ หน้าแรก . ผู้เยี่ยมชมเว็บไซต์ทุกคนจะเข้ามาที่เว็บไซต์ก่อน จากนั้นจึงไปที่หน้าอื่นๆ ของเว็บไซต์โดยใช้ไฮเปอร์ลิงก์
หน้าเว็บ (เอกสาร HTML ) เป็นไฟล์ข้อความที่เปิดอยู่ ภาษา HTML รูปแบบ *.htm หรือ *.html โพสต์บน WWW นอกจากข้อความแล้ว เว็บเพจยังสามารถประกอบด้วยกราฟิก แอนิเมชัน คลิปวิดีโอ เพลง รวมถึงลิงก์ไฮเปอร์เท็กซ์ ซึ่งคุณสามารถนำทางไปยังและดูเว็บเพจอื่นๆ ได้
วิธีหนึ่งในการสร้างเว็บเพจ (หรือเอกสาร HTML) คือการใช้ โปรแกรมแก้ไขข้อความ แผ่นจดบันทึก ติดตั้งอยู่ใน Windows ในโปรแกรมแก้ไขนี้ ไฟล์เว็บเพจจะถูกสร้างขึ้น ซึ่งถูกบันทึกด้วยนามสกุล *.htm จากนั้นจึงดูผลลัพธ์โดยใช้เบราว์เซอร์
การสร้างเว็บไซต์ด้วยภาษา HTML
ภาษา HTML (Hyper Text Markup Language) เป็นภาษามาร์กอัปเอกสารไฮเปอร์เท็กซ์ที่ใช้สำหรับการเขียนเว็บไซต์
ภาษา HTML ช่วยให้คุณ:
– สร้างและแก้ไขเว็บไซต์ รวมถึงเว็บเพจหลัก ซึ่งสามารถโพสต์บนอินเทอร์เน็ตได้
- แก้ไขเอกสาร HTML ที่ได้รับจากอินเทอร์เน็ตเพื่อให้ออบเจ็กต์ทั้งหมดที่ฝังอยู่ในเอกสาร (รูปภาพ ภาพเคลื่อนไหว ฯลฯ) ทำงานได้
- สร้าง การนำเสนอมัลติมีเดีย , การนำเสนอภาพนิ่ง, โครงการสาธิต ด้วยลิงก์ไฮเปอร์เท็กซ์และความสามารถในการแทรกภาพวาด ไดอะแกรม ภาพเคลื่อนไหว คลิปวิดีโอ เพลงและเสียงพูด เอฟเฟกต์พิเศษของข้อความ (เช่น เส้นคืบคลาน) ลงในเอกสาร HTML
แนวคิดพื้นฐานของภาษา HTML
องค์ประกอบ เป็นโครงสร้างภาษา HTML หรือคอนเทนเนอร์ที่มีข้อมูล
หน้าเว็บ เป็นชุดขององค์ประกอบ
แท็ก เป็นเครื่องหมายเริ่มต้นและสิ้นสุดขององค์ประกอบ แท็กจะกำหนดขอบเขตของการทำงานขององค์ประกอบและแยกองค์ประกอบออกจากกัน แท็กจะอยู่ในวงเล็บเหลี่ยม เช่น . แท็กปิดท้าย หากจำเป็นตามไวยากรณ์ภาษา ให้นำหน้าด้วยเครื่องหมายทับ:.
กรอบ - พื้นที่ของเอกสารไฮเปอร์เท็กซ์พร้อมแถบเลื่อนของตัวเอง เฟรมช่วยให้คุณสามารถแบ่งหน้าต่างๆ ออกเป็นพื้นที่สี่เหลี่ยม ซึ่งแต่ละหน้าจะแสดงเป็นของตัวเอง หน้าของตัวเอง . คุณสามารถวางหนึ่งหรือหลายเฟรมบนเพจได้ (เพจนี้เรียกว่า หน้าเฟรม หรือ เฟรมเซ็ต ).
รูปร่าง - พื้นที่ของเอกสารไฮเปอร์เท็กซ์ที่จำเป็นสำหรับการจัดระเบียบ ข้อเสนอแนะ กับผู้เยี่ยมชมเว็บไซต์
แอพเพล็ต - แอปพลิเคชันขนาดเล็กที่ถ่ายโอนไปยังคอมพิวเตอร์ของลูกค้าในรูปแบบ แยกไฟล์ และเปิดใช้งานเมื่อดูเว็บเพจ
สคริปต์ - โปรแกรมที่รวมอยู่ในเว็บเพจเพื่อขยายขีดความสามารถ
ตำแหน่ง (อัปโหลด) - การคัดลอกเอกสารจากคอมพิวเตอร์ของลูกค้าไปยังเว็บเซิร์ฟเวอร์ - ใช้เมื่อสร้างเว็บเพจของคุณเอง (เช่น เมื่อเผยแพร่)
พิกเซล - จุดสีที่เล็กที่สุดบนหน้าจอมอนิเตอร์
โครงสร้างทั่วไปของเอกสาร HTML อย่างง่าย
โครงสร้างทั่วไปของเอกสาร HTML อย่างง่ายคือ:
<СОММЕNT>
ความคิดเห็น
</b>ชื่อเอกสาร <b></ TITLE >
</b></p>
<p><b></HEAD>
</b></p>
<p><b><BODY>
</b></p>
<p>นี่คือที่ที่ข้อความของเอกสาร HTML ตั้งอยู่</p>
<p><b></BODY>
</b></p>
<p><b></HTML>
</b></p>
<p>มาอธิบายแท็กเอกสาร HTML เหล่านี้กันดีกว่า:</p>
<p><b><COMMENT>
</b>- ความเห็นเกี่ยวกับเอกสาร ไม่จำเป็นต้องใช้.</p>
<p><b><HTML>
</b>- ตัวระบุบล็อกทั้งหมดของคำสั่ง HTML</p>
<p><b><HEAD>
</b>- ตัวระบุส่วนหัวของเอกสาร HTML</p>
<p><b><TITLE>
</b>- ตัวระบุชื่อวิวพอร์ต</p>
<p><b><BODY>
</b>- ตัวระบุคำสั่ง HTML ของเอกสารที่จะดู</p>
<p>สามแท็กหลัก <b><HTML>
</b>, <b><HEAD>
</b>และ <b><BODY>
</b>ให้ข้อมูลพื้นฐานแก่เบราว์เซอร์เพื่อระบุและจัดระเบียบเอกสาร</p>
<p>แท็กที่ระบุทั้งหมดได้รับการจับคู่ เช่น แต่ละรายการลงท้ายด้วยแท็กปิดท้ายด้วยเครื่องหมายทับ คำสั่งทั้งหมดสามารถเขียนได้ทั้งตัวพิมพ์เล็กและตัวพิมพ์ใหญ่</p>
<p><b><МЕТА>
</b>- ใช้แท็กที่ไม่ได้จับคู่เพื่อระบุ <a href="https://whatsappss.ru/th/tools/obzor-smartfona-highscreen-power-ice-obrazcovyi-byudzhetnik-highscreen-power-ice.html">รายละเอียดข้อมูล</a>เกี่ยวกับเอกสาร</p>
<p><u>แท็กการจัดรูปแบบสตรีมข้อความ</u></p>
<p><b><Р>
</b>- ตัวระบุส่วนท้ายของย่อหน้าหลังจากที่เพิ่มเข้าไป <a href="https://whatsappss.ru/th/browser/specifikacii-po-html5-na-russkom-standarty-kodirovaniya-v-html5-pustye-stroki-i.html">บรรทัดว่าง</a>. ต้องมีแท็กต่อท้าย <b></Р>
</b>.</p>
<p><b><BR>
</b>- ตัวระบุการป้อนบรรทัด</p>
<p><b><HR>
</b>- ตัวระบุภาพเส้นแนวนอน</p>
<p>แท็กเหล่านี้เป็นแท็กเดียวเช่น ไม่ได้รับการจับคู่ จึงไม่ต้องใช้แท็กสแลช</p>
<p><b><PRE>
</b>- การติดตั้งฟอนต์ที่มีระยะห่างเท่ากัน ต้องมีแท็กต่อท้าย <b></PRE>.
</b></p>
<p><u>แท็กที่จับคู่สำหรับการจัดรูปแบบหัวเอกสารและหัวเรื่องย่อย</u></p>
<p><b><Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>.
</b>ในกรณีนี้ ส่วนหัวจะแสดงเป็นตัวพิมพ์ใหญ่และขนาดของตัวอักษรของแท็ก <b><Н1>
</b>จะเป็นอันที่ใหญ่ที่สุด <b><Н2>
</b>- น้อยกว่าย <b><НЗ>
</b>- แม้แต่น้อย ฯลฯ</p>
<p><u>แท็กการจัดรูปแบบตัวอักษรข้อความที่จับคู่</u></p>
<p><b><В>
</b>- ตัวระบุแบบอักษรตัวหนา</p>
<p><b><strong>
</b>- ตัวระบุของแบบอักษรที่เลือก</p>
<p><b><i>
</b>- ตัวระบุตัวเอียง</p>
<p><b><U>
</b>- ตัวระบุขีดเส้นใต้</p>
<p><b><s>
</b>- ตัวระบุขีดทับ</p>
<p><b><tt>
</b>- ตัวระบุของแบบอักษรที่มีระยะห่างเท่ากัน (เทเลไทป์หรือผู้จัดส่ง)</p>
<p><b><big>
</b>- กำหนดขนาดตัวอักษรที่เพิ่มขึ้น</p>
<p><b><small>
</b>- ตั้งค่าขนาดตัวอักษรที่ลดลง</p>
<p><b><center>
</b>- กำหนดกึ่งกลางของข้อความ</p>
<p><b><sub>
</b>- ตั้งค่าตัวห้อย</p>
<p><u>ย่อหน้าการจัดรูปแบบแท็ก</u></p>
<p><b><р align=left>
</b>- จัดข้อความในย่อหน้าไปทางซ้าย</p>
<p><b><р align=right>
</b>- จัดข้อความในย่อหน้าให้ชิดขวา</p>
<p><b><р align=center>
</b>- จัดข้อความในย่อหน้าให้อยู่ตรงกลาง</p>
<p><b><р align=justify>
</b>- การจัดตำแหน่งเต็มทั้งสองด้านของหน้าจอ</p>
<p><b>จัดตำแหน่ง</b>- คุณลักษณะการจัดตำแหน่ง</p>
<p><u>แท็กรายการ</u></p>
<p>แท็กรายการเป็นวิธีหนึ่งในการแสดงข้อมูลที่มีโครงสร้างด้วยภาพ รายการที่เรียงลำดับจะใช้เพื่อแสดงการดำเนินการหรืออัลกอริทึมตามลำดับ เบราว์เซอร์จะสร้างตัวเลขสำหรับแต่ละรายการในรายการโดยอัตโนมัติ</p>
<p><b><OL>
</b>- ตัวระบุของรายการสั่งซื้อ ในตอนท้าย <b></OL>.
</b></p>
<p>รายการที่ไม่เรียงลำดับใช้ในการรวบรวมรายการเมื่อลำดับของรายการไม่สำคัญ แต่ละองค์ประกอบจะมีเครื่องหมายอยู่ด้านหน้า</p>
<p><b><UL>
</b>- ตัวระบุรายการแบบไม่เรียงลำดับ ในตอนท้าย <b></UL>.
</b></p>
<p>แต่ละองค์ประกอบในรายการเรียงลำดับและแบบไม่เรียงลำดับจะถูกทำเครื่องหมายด้วยแท็กเดียว <b><LI>
</b>และองค์ประกอบในรายการคำจำกัดความ <b><DL>
</b>แท็ก <b><DT>
</b>สำหรับระยะเวลาและ <b><DD>
</b>สำหรับความหมายของคำว่า</p>
<p><b><LI>
</b>- ตัวระบุองค์ประกอบในรายการเรียงลำดับและไม่เรียงลำดับ</p>
<p>แท็กปิดท้าย <b></LI>
</b>อาจถูกละเว้น</p>
<p><u>แท็กรายการคำจำกัดความ</u></p>
<p>รายการคำจำกัดความมีการจัดรูปแบบพิเศษสำหรับคำศัพท์และคำอธิบายที่เกี่ยวข้องเหมือนพจนานุกรม</p>
<p><b><DL>
</b>- ตัวระบุรายการคำจำกัดความ ในตอนท้าย</DL>.</p>
<p><b><DT>
</b>- ตัวระบุคำศัพท์ในรายการคำจำกัดความ</p>
<p><b><DD>
</b>- ตัวระบุความหมายของคำศัพท์ในรายการคำจำกัดความ</p>
<p><b><DL>
</b></p>
<p><b><DT>
</b>ชื่อของเทอม 1</p>
<p><b><DD>
</b>คำจำกัดความของคำที่ 1</p>
<p><b><DD>
</b>คำจำกัดความอื่นของคำว่า 1</p>
<p><b></DL>
</b></p>
<p><u>แท็กสี</u></p>
<p><b><BODYbgcoIor=«teal» text=«aqua» link=«red»>
</b>- ตั้งค่าสีข้อความ (ข้อความ) สีพื้นหลัง (bgcolor) และสีลิงก์ไฮเปอร์เท็กซ์ (ลิงก์)</p>
<p><b><BODY background=«back.jpg»>
</b>- ตั้งค่าภาพพื้นหลัง (wallpaper) บนเว็บเพจเป็นไฟล์ back.jpg</p>
<p><b><BODY background=«\windows\tartan.bmp»>
</b>- ภาพพื้นหลัง (วอลเปเปอร์) นำมาจากไฟล์ tartan.bmp และระบุเส้นทางของไฟล์นี้</p>
<p><b><font color=«yellow» size=5>
</b>- ตั้งค่าสีของตัวอักษรข้อความ (สี) และขนาด (ขนาด) ต้องมีแท็กต่อท้าย <b></font>.
</b></p>
<p><u>แท็กไลน์</u></p>
<p><b><hr coIor=«lime»>
</b>- กำหนดสีของเส้นแนวนอน</p>
<p><b><hr color=«red» size=3 width=220 align=center>
</b>- คุณลักษณะ <b>ขนาด=น</b>กำหนดความหนาของเส้นเป็นพิกเซล คุณลักษณะ <b>ความกว้าง=ม</b>กำหนดความยาวบรรทัดเป็นพิกเซล คุณลักษณะ <b>จัดตำแหน่ง=กึ่งกลาง</b>(หรือ <b>ซ้าย</b>หรือ <b>ขวา</b>) ระบุออฟเซ็ตของเส้น (การวางตำแหน่งตรงกลาง หรือออฟเซ็ตไปทางซ้าย หรือไปทางขวา)</p>
<p><u>แท็กสำหรับการแทรกรูปภาพ</u></p>
<p>กราฟิกบนหน้าเป็นวิธีการแสดงความคิด เน้นความคิด</p>
<p>สามารถบันทึกรูปภาพได้หลายรูปแบบ ประเภทไฟล์ GIF ซึ่งเป็นรูปแบบการแลกเปลี่ยนกราฟิก เป็นไฟล์ประเภทแรกที่ได้รับการสนับสนุนบน WWW จากนั้นรูปแบบ JPEG ได้รับการพัฒนาโดยกลุ่มผู้เชี่ยวชาญด้านการถ่ายภาพร่วมกัน รูปแบบนี้มีประสิทธิภาพมากกว่า GIF ในการแสดงภาพขนาดใหญ่</p>
<p>รูปแบบ PNG ได้รับความนิยม - กราฟิกเครือข่ายส่วนบุคคลซึ่งมาแทนที่ GIF</p>
<p>เมื่อเผยแพร่ไซต์ กราฟิกจะต้องอยู่ในโฟลเดอร์ที่เก็บไฟล์เพจ และ URL ต้องเป็นของจริง</p>
<p>JPEG ใช้เทคนิคการบีบอัดภาพพิเศษซึ่งเป็นประโยชน์สำหรับภาพวาดและภาพถ่าย</p>
<p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy>
</b>- การแทรกภาพกราฟิกในรูปแบบไฟล์แอนิเมชั่น lycos.gif คุณยังสามารถใช้ไฟล์กราฟิกในรูปแบบ *.jpg (หรือ *.jpeg), *.bmp ได้อีกด้วย</p>
<p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy>
</b>- หากใช้แอตทริบิวต์ความกว้าง (ความกว้างเป็นพิกเซล) และความสูง (ความสูงเป็นพิกเซล) เมื่อแทรกรูปภาพ จากนั้นเมื่อโหลดรูปภาพ เบราว์เซอร์จะแสดงเฟรมในตำแหน่งที่ควรเป็นรูปภาพก่อน จากนั้นจึงแสดงรูปภาพเอง เนื่องจาก ใช้เวลาโหลดนานขึ้น ด้วยวิธีนี้ พื้นที่บนหน้าจอจะถูกสงวนไว้สำหรับรูปภาพ</p>
<p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy>
</b>- การแทรกภาพกราฟิกในรูปแบบไฟล์ iexplor.gif โดยมีการระบุเส้นทางแบบเต็ม <a href="https://whatsappss.ru/th/programming/obmen-failami-mezhdu-graficheskimi-programmami-graficheskie-faily-osnovnye.html">ไฟล์กราฟิก</a>บนดิสก์: c:\html\animat\iexplor.gif ( <a href="https://whatsappss.ru/th/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">ช่วงเวลานี้</a>คุณต้องคิดล่วงหน้าไม่เช่นนั้นปัญหาการแสดงผลจะเกิดขึ้นเมื่อย้ายไปใช้คอมพิวเตอร์เครื่องอื่น)</p>
<p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy>
</b>- คุณลักษณะ <b>ชายแดน</b>กำหนดกรอบรอบปริมณฑลของภาพด้วยความหนา 3 พิกเซล คุณลักษณะ <b>Alt</b>ให้ข้อความแทนที่เฟรมหากไม่มีรูปภาพ</p>
<p>คุณลักษณะ <b>เส้นขอบ=0</b>ใช้เพื่อลบเส้นขอบรอบรูปวาด สิ่งนี้จำเป็น เช่น เมื่อใช้ภาพ GIF แบบเคลื่อนไหวอย่างโปร่งใส</p>
<p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy>
</b></p>
<p>คุณลักษณะที่นี่ <b>สเปซ=5</b>ช่วยให้ข้อความไหลไปรอบๆ รูปภาพได้อย่างราบรื่น ระบุความกว้างของพื้นที่ที่ยังไม่ได้เติมทางด้านขวาและด้านซ้ายของภาพวาดในหน่วยพิกเซล</p>
<p>คุณลักษณะ <b>จัด = "ซ้าย"</b>รับรองว่าภาพจะถูกวางไว้ทางด้านซ้าย</p>
<p><u>กระโดดแท็ก</u></p>
<p><b><а href=«excite.htm»>ตื่นเต้น.htm</a>
</b>- ลิงก์ไฮเปอร์เท็กซ์ไปยังไฟล์ excite.htm</p>
<p><b><а href=«C:\book\book.inf»>หนังสือ.inf</a>
</b>- ลิงก์ไฮเปอร์เท็กซ์ เปลี่ยนเป็นไฟล์ book.inf เมื่อเปิดเบราว์เซอร์คุณต้องระบุโปรแกรมที่จะดู <a href="https://whatsappss.ru/th/multimedia/kak-sravnit-2-tekstovyh-faila-v-notepad-sravnenie-shozhesti-dvuh-tekstov.html">ไฟล์ข้อความ</a> book.inf เช่น edit.com</p>
<p>เมื่อทำงานบนอินเทอร์เน็ต คุณควรแยกแยะระหว่างไฟล์ที่มีตัวพิมพ์ใหญ่และตัวพิมพ์เล็กในชื่อและนามสกุล จะต้องมีความสอดคล้องกันอย่างสมบูรณ์ระหว่างชื่อไฟล์ในแง่ของขนาดของตัวอักษรแต่ละตัวในชื่อและนามสกุลที่ระบุในไฮเปอร์ลิงก์และที่อยู่บนเซิร์ฟเวอร์ มิฉะนั้นไฮเปอร์ลิงก์จะไม่ทำงาน</p>
<p>เพื่อให้งานของคุณง่ายขึ้น คุณสามารถระบุชื่อไฟล์ที่เป็นตัวเลขได้ (ตัวเลขจะมีขนาดเท่ากันเสมอ)</p>
<br><p><u>แท็กการเปลี่ยนไปยังหน้าเว็บอื่น</u></p>
<p><b><а href=«http://www.da.ru»>http://www.da.ru</a>
</b>- ลิงค์ไฮเปอร์เท็กซ์ในรูปแบบของข้อความเปลี่ยนบนอินเทอร์เน็ตไปยังเว็บเพจ http://www.da.ru</p>
<p><b><а href=«zinn.gif»><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy></a
</b>> - ลิงก์ไฮเปอร์เท็กซ์ในรูปแบบของรูปภาพ Globe.gif เปลี่ยนไปเป็นการดูภาพ zinn.gif</p>
<p><u>ที่อยู่อีเมล ใส่แท็ก</u></p>
<p><b><а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru</a>
</b>- ไฮเปอร์ลิงก์ไปยังที่อยู่ <a href="https://whatsappss.ru/th/security/kak-otpravit-veb-stranicu-na-elektronnuyu-pochtu-prosteishaya-forma.html">อีเมล</a>. เมื่อกดแล้วจะมีการโทรออก <a href="https://whatsappss.ru/th/tools/sborshchik-pochty-thunderbird-besplatnaya-pochtovaya-programma-mazila.html">โปรแกรมเมล</a>และระบุไว้ <a href="https://whatsappss.ru/th/multimedia/add-board-php-dobavit-obyavlenie-rabota-razmestit-obyavlenie-vveden.html">ที่อยู่อีเมล</a>: krilenka@ya.ru ถูกป้อนลงในย่อหน้า <b><i>ถึงผู้ซึ่ง</i>
</b>.</p>
<p><u>แท็กแทรกเอกสาร</u></p>
<p><b><embed src=«Welcome.avi» Width=280 Height=140 autostart=true>
</b> -</p>
<p>การแทรกวัตถุลงในเอกสาร HTML ในกรณีนี้ นี่คือไฟล์มัลติมีเดีย *.avi และเมื่อโหลดเพจแล้ว ไฟล์นี้จะทำงานอัตโนมัติ โดยแอตทริบิวต์จะระบุขนาดบนหน้าจอ <b>ความกว้าง</b>และ <b>ความสูง</b>.</p>
<p>หากเอกสาร HTML มีขนาดใหญ่ จากนั้นภายในนั้นจะมีการเปลี่ยนผ่านโดยใช้ป้ายกำกับ (U01): <b><Р> <а href=«#U01>การแนะนำ</а> </Р> <а name=«U01»>การแนะนำ</а>
</b></p>
<p><u>แท็กสำหรับสร้างบรรทัดข้อความที่ดังเอี๊ยด</u></p>
<p><u>(สำหรับนักสำรวจอินเทอร์เน็ตเท่านั้น):</u></p>
<p><b><marquee behavior=«scroll» direction=«right» loop=«-l»>อินเทอร์เน็ตเป็นหน้าต่างสู่โลก!</marquee>
</b></p>
<p>หากบรรทัดข้อความควรวิ่งไปทางซ้าย ให้ทำดังนี้ <b>ขวา</b>จะต้องมีคำพูด <b>ซ้าย.</b>คุณสามารถสร้างสตริงข้อความที่กำลังรันได้ง่ายยิ่งขึ้น (เช่น ไม่มีแอตทริบิวต์ และสตริงจะทำงานไปทางซ้าย):</p>
<p><b><marquee>ยินดีต้อนรับ!</marquee>
</b></p>
<p>หากสตริงข้อความควรวิ่งไปทางซ้ายและขวา ให้อยู่ในแท็ก <marquee>มีการใช้แอตทริบิวต์ <b>พฤติกรรม = "ทางเลือก"</b>.</p>
<p><u>รายการสีสัญลักษณ์ HTML</u></p>
<p>สีหลักทั้งหมด 16 สี:</p>
<p>คุณสามารถใช้คำเหล่านี้แทนได้ <b>รหัส RGB</b>(<b>ร</b>เอ็ด <b>ช</b>รีน, <b>บี</b>ลื้อ) เช่น <b>#FFFFFF</b>- ขาว (ขาว) <b>#FF0000</b>- สีแดง.</p>
<p>การเปลี่ยนแปลง <b>รหัส RGB</b>, คุณสามารถเลือกสีที่ต้องการให้กับข้อความและพื้นหลังได้</p>
<p><u>แท็กการเชื่อมต่อเสียง</u></p>
<p>หากต้องการเล่นเสียง (ไฟล์ *.mid) หลังจากโหลดเอกสาร HTML เข้าไป <a href="https://whatsappss.ru/th/security/chto-takoe-privatnyi-prosmotr-v-brauzere-chto-takoe-privatnyi-rezhim-v.html">อินเทอร์เน็ตเบราว์เซอร์</a> Explorer (เช่นใน <a href="https://whatsappss.ru/th/what-to-do/komanda-zapuska-v-fonovom-rezhime-linux-kak-zapustit-programmu-na-linux-udalenie.html">พื้นหลัง</a>) คุณต้องเขียนคำสั่งต่อไปนี้ เช่น:</p>
<p><b><bgsound src=«\windows\canyon.mid» lоор=1>
</b></p>
<p>คุณยังสามารถใช้ไฟล์ *.wav ได้อีกด้วย จำนวนละคร <b>วนซ้ำ</b>สามารถเพิ่มจาก 1 เป็น p</p>
<p><u>แท็กเฟรม</u></p>
<p><b><frameset></frameset>
</b>- การกำหนดโครงสร้างเฟรม (หน้าต่าง) ของเอกสาร: ขนาดและตำแหน่งของเฟรมบนหน้า แทนที่แท็ก BODY ในเอกสารด้วยเฟรม สามารถซ้อนในเฟรมเซ็ตอื่นได้</p>
<p><b><frameset rows=«value,vaIue»>
</b>- การกำหนดจำนวนและขนาดของเฟรมแนวนอน (เฟรมเส้น) ในหน้าต่างเบราว์เซอร์ (พิกเซล, เปอร์เซ็นต์ของความกว้าง)</p>
<p><b><frameset cols=«value,value»>
</b>- การกำหนดจำนวนและขนาดของเฟรมแนวตั้ง (เฟรมคอลัมน์) ในหน้าต่างเบราว์เซอร์ (พิกเซล, เปอร์เซ็นต์ของความกว้าง)</p>
<p><b><frame>
</b>- คำจำกัดความของเฟรมและคุณสมบัติภายในโครงสร้าง FRAMESET</p>
<p><b><noframes> </noframes>
</b>- กำหนดสิ่งที่จะแสดงหากเบราว์เซอร์ไม่รองรับเฟรม</p>
<p>คุณสมบัติของเฟรม:</p>
<p><b><frame src=«URL»>
</b>- ระบุที่อยู่ (URL) ของไฟล์ HTML ที่แสดงในเฟรมนี้</p>
<p><b><firame name=«name»>
</b>- กำหนดชื่อของเฟรมนี้ซึ่งจะใช้ในอนาคตเพื่ออ้างอิงจากเอกสารอื่น ๆ โดยใช้พารามิเตอร์ <b>เป้า</b>.</p>
<p><b><frame marginwidth=#>
</b>- การกำหนดความกว้าง (เป็นพิกเซล) ของระยะขอบซ้ายและขวาของเฟรม ต้องเท่ากับหรือมากกว่า 1</p>
<p><b><frame marginheight=#>
</b>- กำหนดความกว้าง (เป็นพิกเซล) ของฟิลด์ด้านบนและด้านล่างของเฟรม ต้องเท่ากับหรือมากกว่า 1</p>
<p><b><frame scrolling=VALUE>
</b>- การพิจารณาการมีอยู่ของแถบเลื่อนสำหรับเนื้อหาของเฟรม ค่าสามารถเป็น: "ใช่" "ไม่" หรือ "อัตโนมัติ" ค่าเริ่มต้นคืออัตโนมัติ</p>
<p><b><frame noresize>
</b>- ป้องกันการปรับขนาดเฟรม</p>
<u><br></u> <p><u>แท็กแบบฟอร์ม</u></p>
<p>เพื่อให้แบบฟอร์มใช้งานได้คุณจะต้องเขียน <b>ซีจีไอ</b>สคริปต์ HTML เพียงสร้างรูปลักษณ์ของแบบฟอร์ม</p>
<table><tr><td> <form></form>
</td> <td>สร้างแบบฟอร์มที่กรอกได้</td>
</tr><tr><td> <select multiple name=«NAME» size=?></select>
</td> <td>องค์ประกอบการเลือกจะสร้างเมนูประเภท "เลือกหนึ่งรายการจากหลายรายการ" หรือ "เลือกหลายรายการจากหลายรายการ" ในแบบฟอร์มที่กรอกได้ ขนาดกำหนดจำนวนรายการที่มองเห็นได้โดยไม่ต้องเลื่อน</td>
</tr><tr><td> < Option >
</td> <td>องค์ประกอบตัวเลือกจะอธิบายรายการเมนูแต่ละรายการ ไม่มีแท็กปิดท้าย</td>
</tr><tr><td> <textarea name=«NAME» cols=40 rows=8> </textarea>
</td> <td>สร้างช่องสำหรับป้อนข้อความหลายบรรทัด Cols ระบุความกว้าง แถวแสดงถึงความสูง</td>
</tr><tr><td> <input type=«checkbox» name=«NAME»>
</td> <td>สร้างช่องป้อนข้อมูลสำหรับแอตทริบิวต์ใช่/ไม่ใช่หรือสำหรับแอตทริบิวต์ที่สามารถรับค่าหลายค่าพร้อมกันได้ แท็กจะตามด้วยข้อความทันที</td>
</tr><tr><td> <input type=«radio» name=«NAME» value=«x»>
</td> <td>การสร้างช่องป้อนข้อมูลสำหรับแอตทริบิวต์ที่ดึงค่าหนึ่งค่าจากค่าที่เป็นไปได้หลายค่า ข้อความตามหลังแท็กทันที</td>
</tr><tr><td> <input type=text name=«foo» size=20>
</td> <td>การสร้างช่องป้อนข้อมูลสำหรับข้อความหนึ่งบรรทัด ขนาดระบุความยาวเป็นตัวอักษร</td>
</tr><tr><td> < input type=«submit» value=«NAME»>
</td> <td>การสร้างปุ่มที่เมื่อคลิกแล้วจะส่งแบบฟอร์มที่เสร็จสมบูรณ์ไปยังเซิร์ฟเวอร์</td>
</tr><tr><td> <input type=«image» border=0 name=«NAME» src=«name.gif»> <input type=«reset»>
</td> <td>การสร้างภาพกราฟิกสำหรับปุ่มที่เริ่มต้นการถ่ายโอนข้อมูลไปยังเซิร์ฟเวอร์</td>
</tr></table><p><u>การสร้างตารางใน HTML</u></p>
<p>ตารางเป็นวิธีที่สะดวกในการจัดรูปแบบข้อมูลในรูปแบบ HTML</p>
<p>ตารางถูกกำหนดและคุณสมบัติทั่วไปที่กำหนดโดยแท็ก <b><table></table>.
</b>ตารางสามารถจัดวางในแนวนอนได้ เช่น ตรงกลาง โดยใช้แท็ก <b><р align=«center»>,
</b>วางไว้ข้างหน้า <b><table>.
</b></p>
<p>แท็ก <b><table>
</b>อาจมีคุณสมบัติ:</p>
<p><b><table border=«5» width=«100» cellpadding=« 10» cellspacing=«10»>,
</b></p>
<p><b>เส้นขอบ = "5"</b>- ความกว้างของขอบด้านข้างเป็นพิกเซล เมื่อตั้งค่าเป็นศูนย์ เฟรมจะหายไป</p>
<p><b>ความกว้าง = "100"</b>- ความกว้างของตารางเป็นพิกเซลหรือ <b>ความกว้าง = "50%"</b>- ความกว้างของตารางเป็น % สัมพันธ์กับความกว้างของหน้าในหน้าต่าง</p>
<p><b>ระยะห่างระหว่างเซลล์ = "10"</b>- ความกว้างของขอบด้านหน้าเป็นพิกเซล</p>
<p><b>เซลล์แพดดิ้ง = "10"</b>- ระบุขนาดของพื้นที่ว่างเป็นพิกเซลที่ล้อมรอบข้อมูลในเซลล์</p>
<p>แท็ก <b><caption></caption>
</b>ระบุชื่อตาราง</p>
<p>แท็ก <b><tr>
</b>ระบุแถวของตาราง แท็กถัดไป <b><tr>
</b>ระบุแถวถัดไปของตาราง แท็กปิดท้ายเป็นทางเลือก</p>
<p>แท็ก <b><td>
</b>ระบุเซลล์ของตาราง แท็กถัดไป <b><td>
</b>ชุด <a href="https://whatsappss.ru/th/administrator/excel-poisk-v-sleduyushchei-yacheike-kak-naiti-tekst-slova-i-simvoly-v-excel.html">เซลล์ถัดไป</a>ตาราง แท็กปิดท้ายเป็นทางเลือก</p>
<p>สีพื้นหลังของเซลล์ถูกตั้งค่าไว้ในแท็ก <b><td>
</b>: <b><td bgcolor=«yellow»>
</b></p>
<p>แท็กที่ไม่ได้จับคู่ <b><th>
</b>- ระบุองค์ประกอบเซลล์ที่เป็นส่วนหัวของตาราง แท็กนี้จะต้องอยู่ภายในแท็ก <b><tr>.
</b></p>
<p>เซลล์ส่วนหัวแตกต่างจากเซลล์ปกติตรงที่ข้อความภายในจะปรากฏเป็นแบบอักษรตัวหนา มีการตั้งค่าสีพื้นหลังของส่วนหัว: <br><b><tr><th bgcolor=«yellow»>
</b>ซาโรโลวอค 1.</p>
<p><u>สคริปต์</u></p>
<p>ในการใช้งานเว็บไซต์ จะใช้โปรแกรม <b><i>เครื่องยนต์</i>
</b>ซึ่งใช้ฟังก์ชันการทำงานนอกเหนือจากการแสดงเว็บเพจสำเร็จรูป เช่น การดูแค็ตตาล็อกของร้านค้าออนไลน์ (รายการสินค้าดึงมาจากฐานข้อมูลร้านค้า) การค้นหาทางอินเทอร์เน็ต (หน้าพร้อมคำตอบ <a href="https://whatsappss.ru/th/tools/sushchestvuyushchie-poiskovye-sistemy-interneta-anonimnost-poiskovyh-sistem.html">เครื่องมือค้นหา</a>ถูกสร้างขึ้นแบบไดนามิก) การแสดงแบนเนอร์ (เอ็นจิ้น "ให้" แบนเนอร์หนึ่งหรือแบนเนอร์อื่นไปยังหน้าเว็บไซต์ตามอัลกอริทึมที่กำหนด)</p>
<p>สคริปต์คือโปรแกรมง่ายๆ ในภาษาโปรแกรม "การเขียนสคริปต์" (Perl, Php, Javascript) ซึ่งเป็นส่วนประกอบของกลไก ในกรณีที่ร้ายแรง กลไกของไซต์อาจประกอบด้วยสคริปต์เดียว</p>
<p>ในอดีต Cgi-bin เป็นไดเร็กทอรีย่อยบนเซิร์ฟเวอร์ซึ่งมีสคริปต์และส่วนประกอบอื่นๆ ของเอ็นจิ้นไซต์อยู่ บริการโฮสติ้งบางอย่าง (บริการสำหรับการโฮสต์เว็บไซต์ของผู้อื่นบนเว็บเซิร์ฟเวอร์หรือเว็บเซิร์ฟเวอร์ของผู้อื่น) จะให้ไดเร็กทอรี cgi-bin ส่วนตัวแก่ลูกค้าสำหรับการโฮสต์สคริปต์</p>
<p>ภาษา <b>HTML</b>(Hyper Text Markup Language) เป็นภาษามาร์กอัปเอกสารไฮเปอร์เท็กซ์ที่ใช้สำหรับการเขียนเว็บไซต์ ภาษา HTML ช่วยให้คุณ:</p><ul><p>สร้างและแก้ไขเว็บไซต์ รวมถึงเว็บเพจหลัก ซึ่งสามารถโพสต์บนอินเทอร์เน็ตได้</p><p>แก้ไขเอกสาร HTML ที่ได้รับจากอินเทอร์เน็ตเพื่อให้ออบเจ็กต์ทั้งหมดที่ฝังอยู่ในเอกสาร (รูปภาพ ภาพเคลื่อนไหว ฯลฯ) ทำงานได้</p><p>สร้างงานนำเสนอมัลติมีเดีย สไลด์โชว์ โครงการสาธิต ด้วยลิงก์ไฮเปอร์เท็กซ์และความสามารถในการแทรกภาพวาด ไดอะแกรม ภาพเคลื่อนไหว คลิปวิดีโอ เพลงและเสียงพูด เอฟเฟกต์พิเศษของข้อความ (เช่น เส้นคืบคลาน) ลงในเอกสาร HTML</p>
</ul><h2>แนวคิดพื้นฐานของภาษา html</h2><p><b>องค์ประกอบ</b>เป็นโครงสร้างภาษา HTML หรือคอนเทนเนอร์ที่มีข้อมูล</p><p><b>เว็บ</b><b>-หน้าหนังสือ</b>เป็นชุดขององค์ประกอบ</p><p><b>แท็ก</b>(Tag) คือเครื่องหมายเริ่มต้นและสิ้นสุดขององค์ประกอบ แท็กจะกำหนดขอบเขตของการทำงานขององค์ประกอบและแยกองค์ประกอบออกจากกัน แท็กจะอยู่ในวงเล็บเหลี่ยม เช่น <b><
</b><b>HTML</b><b>>.
</b>แท็กปิดท้าย หากจำเป็นตามไวยากรณ์ภาษา ให้นำหน้าด้วยเครื่องหมายทับ: <b></
</b><b>HTML</b><b>>
</b>.</p><p><b>กรอบ</b>(Frame) - พื้นที่ของเอกสารไฮเปอร์เท็กซ์ที่มีแถบเลื่อนของตัวเอง เฟรมช่วยให้คุณสามารถแบ่งหน้าออกเป็นพื้นที่สี่เหลี่ยมสูง ซึ่งแต่ละหน้าจะแสดงหน้าของตัวเอง คุณสามารถวางหนึ่งรายการขึ้นไป</p><p>เฟรมบนเพจ (เพจนี้เรียกว่าเพจเฟรมหรือเฟรมเซต)</p><p><b>รูปร่าง</b>(แบบฟอร์ม) คือพื้นที่ของเอกสารไฮเปอร์เท็กซ์ที่จำเป็นสำหรับการจัดระเบียบคำติชมจากผู้เยี่ยมชมเว็บไซต์</p><p><b>แอพเพล็ต</b>(แอปเพล็ต) เป็นโปรแกรมแอปพลิเคชั่นขนาดเล็กที่ถ่ายโอนไปยังคอมพิวเตอร์ไคลเอนต์เป็นไฟล์แยกต่างหากและเปิดใช้งานเมื่อดูเว็บเพจ</p><p><b>สคริปต์</b>(Script) คือโปรแกรมที่รวมอยู่ในเว็บเพจเพื่อขยายขีดความสามารถ</p><p><b>ที่พัก</b>(อัปโหลด) - การคัดลอกเอกสารจากคอมพิวเตอร์ของลูกค้าไปยังเว็บเซิร์ฟเวอร์ - ใช้เมื่อสร้างเว็บเพจของคุณเอง (เช่น เมื่อเผยแพร่)</p><p><b>พิกเซล</b>(พิกเซล) - จุดสีที่เล็กที่สุดบนหน้าจอมอนิเตอร์</p><h2>โครงสร้างทั่วไปของเอกสาร html อย่างง่าย</h2><p>โครงสร้างทั่วไปของเอกสาร HTML อย่างง่ายคือ:</p><p><<b>ความคิดเห็น></b>ความคิดเห็น <b></COMMENT
</b>></p><p><b><HTML>
</b></p><p><b><HEAD>
</b></p><p><b><
</b><b>ชื่อ</b><b>>
</b>ชื่อเอกสาร <b></ТП
</b><b>ล</b><b>อี</b>></p><p><b></
</b><b>ศีรษะ</b><b>>
</b></p><p><b><
</b><b>ร่างกาย</b><b>>
</b></p><p>นี่คือที่ที่ข้อความของเอกสาร HTML ตั้งอยู่</p><p><b></
</b><b>ร่างกาย</b><b>>
</b></p><p><b></
</b><b>HTML</b><b>>
</b></p><p>ให้เราอธิบายแท็กที่ระบุของเอกสาร HTML</p><p><b><
</b><b>ความคิดเห็น</b><b>>
</b>- ความเห็นเกี่ยวกับเอกสาร ไม่จำเป็นต้องใช้.</p><p><b><
</b><b>HTML</b><b>>
</b>- ตัวระบุบล็อกทั้งหมดของคำสั่ง HTML</p><p><b><
</b><b>ศีรษะ</b><b>>
</b>- ตัวระบุชื่อเอกสาร <b>HTML</b><b>.
</b></p><p><b><
</b><b>ชื่อ</b><b>>
</b>- ตัวระบุชื่อวิวพอร์ต</p><p><b><
</b><b>ร่างกาย</b><b>>
</b>- ตัวระบุ <b>HTML</b><b>-คำสั่ง</b>เอกสารเพื่อดู</p><p>สามแท็กหลัก <b><
</b><b>HTML</b><b>>,
<
</b><b>ศีรษะ</b><b>>
</b>และ <b><
</b><b>ร่างกาย</b><b>>
</b>ส่งข้อมูลการระบุตัวตนพื้นฐานไปยังเบราว์เซอร์และ <b>องค์กร</b><b>สิ่งต่างๆ</b>เอกสาร.</p><p>แท็กที่ระบุทั้งหมดได้รับการจับคู่ เช่น แต่ละรายการลงท้ายด้วยแท็กปิดท้ายด้วยเครื่องหมายทับ คำสั่งทั้งหมดสามารถเขียนได้ทั้งตัวพิมพ์เล็กและตัวพิมพ์ใหญ่</p><p><b><МЕТА>
</b>- แท็ก unpaired ใช้เพื่อระบุข้อมูลโดยละเอียดเกี่ยวกับเอกสาร</p>
<p>คำว่า HTML (HyperText Markup Language) หมายถึง "ภาษามาร์กอัปไฮเปอร์เท็กซ์" HTML เวอร์ชันแรกได้รับการพัฒนาโดย Tim Berners-Lee นักวิจัยจาก European Particle Physics Laboratory</p>
<p>HTML มีการเปลี่ยนแปลงบางอย่างตั้งแต่สร้างเวอร์ชันแรก เช่นเดียวกับหลาย ๆ สิ่งในโลกคอมพิวเตอร์ เวอร์ชันหรือข้อมูลจำเพาะของ HTML กลายเป็นตัวเลข ทราบข้อมูลจำเพาะ 2.0, 3.0 และ 3.2 แล้ว ข้อมูลจำเพาะ HTML ปัจจุบันสามารถพบได้บนเซิร์ฟเวอร์ W3C</p>
<p>HyperText Markup Language (HTML) เป็นภาษามาตรฐานที่ออกแบบมาสำหรับการสร้างเอกสารไฮเปอร์เท็กซ์ในสภาพแวดล้อมเว็บ สามารถดูเอกสาร HTML ได้ <a href="https://whatsappss.ru/th/what-is-it/bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa-dannyh-mezhdu.html">หลากหลายชนิด</a>เว็บเบราว์เซอร์ เมื่อสร้างเอกสารแล้วด้วย <a href="https://whatsappss.ru/th/utilities/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">โดยใช้ HTML</a>เว็บเบราว์เซอร์สามารถตีความ HTML เพื่อเน้นองค์ประกอบเอกสารต่างๆ และประมวลผลก่อน การใช้ HTML ช่วยให้สามารถจัดรูปแบบเอกสารเพื่อให้สามารถนำเสนอโดยใช้แบบอักษร เส้น และองค์ประกอบกราฟิกอื่นๆ บนระบบใดๆ ที่ดูเอกสารเหล่านั้น</p>
<p>เอกสารส่วนใหญ่มีองค์ประกอบมาตรฐาน เช่น หัวเรื่อง ย่อหน้า หรือรายการ การใช้แท็ก HTML คุณสามารถกำหนดองค์ประกอบเหล่านี้ได้ โดยให้ข้อมูลขั้นต่ำแก่เว็บเบราว์เซอร์ในการแสดงองค์ประกอบเหล่านี้ ในขณะที่ยังคงรักษาภาพรวมไว้ <a href="https://whatsappss.ru/th/browser/kompyuternye-seti-11---referat-harakteristika-kompyuternyh-setei.html">โครงสร้างทั่วไป</a>และความครบถ้วนของข้อมูลในเอกสาร สิ่งที่จำเป็นในการอ่านเอกสาร HTML คือเว็บเบราว์เซอร์ที่ตีความแท็ก HTML และแสดงเอกสารบนหน้าจอในรูปแบบที่ผู้เขียนมอบให้</p>
<p>ในกรณีส่วนใหญ่ผู้เขียนเอกสารจะกำหนดไว้อย่างเคร่งครัด <a href="https://whatsappss.ru/th/browser/prikreplennaya-tema-blyutuz-naushniki-dlya-telefona-podklyuchenie-bluetooth.html">รูปร่าง</a>เอกสาร. ในกรณีของ HTML โปรแกรมอ่าน (ขึ้นอยู่กับความสามารถของเว็บเบราว์เซอร์ สามารถควบคุมลักษณะที่ปรากฏของเอกสารได้ในระดับหนึ่ง (แต่ไม่ใช่เนื้อหา) HTML ช่วยให้คุณสามารถทำเครื่องหมายว่าส่วนหัวหรือย่อหน้าควรอยู่ที่ใด เอกสารโดยใช้แท็ก HTML จากนั้นให้เว็บเบราว์เซอร์เพื่อตีความแท็กเหล่านี้</p>
<p>ตัวอย่างเช่น เว็บเบราว์เซอร์ตัวหนึ่งสามารถจดจำจุดเริ่มต้นของแท็กย่อหน้าและนำเสนอเอกสารในรูปแบบที่ต้องการ ในขณะที่อีกตัวหนึ่งไม่มีความสามารถนี้และนำเสนอเอกสารในบรรทัดเดียว ผู้ใช้เว็บเบราว์เซอร์บางตัวยังสามารถปรับแต่งขนาดและประเภทแบบอักษร สี และพารามิเตอร์อื่น ๆ ที่ส่งผลต่อการแสดงเอกสารได้</p>
<p>สามารถสร้างเอกสาร HTML ได้โดยใช้โปรแกรมแก้ไขข้อความหรือโปรแกรมแก้ไขและตัวแปลง HTML เฉพาะทาง ตัวเลือกตัวแก้ไขที่จะใช้ในการสร้างเอกสาร HTML ขึ้นอยู่กับความสะดวกและความชอบส่วนบุคคลของผู้เขียนแต่ละคนเท่านั้น ตัวอย่างเช่น โปรแกรมแก้ไข HTML เช่น Netscape Navigator Gold จาก Netscape ช่วยให้คุณสร้างเอกสารแบบกราฟิกโดยใช้เทคโนโลยี WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) ในทางกลับกัน เครื่องมือสร้างเอกสารแบบเดิมๆ ส่วนใหญ่มีตัวแปลงที่ให้คุณแปลงเอกสารเป็นรูปแบบ HTML ได้</p>
<p>แท็ก HTML ทั้งหมดเริ่มต้นด้วย "<" (левой угловой скобки) и заканчиваются символом ">" (วงเล็บมุมขวา) โดยทั่วไปแล้ว จะมีแท็กเริ่มต้นและแท็กปิด ตัวอย่างเช่น นี่คือแท็กส่วนหัว ซึ่งกำหนดข้อความภายในแท็กเริ่มต้นและแท็กสิ้นสุดที่อธิบายชื่อเรื่องของเอกสาร: <TITLE>ชื่อเอกสาร
HTML ไม่คำนึงถึงขนาดตัวพิมพ์ ดังนั้นตัวอย่างด้านบนอาจมีลักษณะดังนี้:
ชื่อเอกสาร
แท็กปิดท้ายมีลักษณะเหมือนกับแท็กเริ่มต้น และแตกต่างด้วยเครื่องหมายทับก่อนข้อความในวงเล็บมุม ใน ในตัวอย่างนี้ แท็ก
บอกให้เว็บเบราว์เซอร์ใช้รูปแบบส่วนหัวและ - เกี่ยวกับความสมบูรณ์ของข้อความชื่อเรื่อง
แท็กบางส่วนเช่น
(แท็กที่กำหนดย่อหน้า) ไม่จำเป็นต้องมีแท็กปิดท้าย แต่การใช้งานจะทำให้ข้อความต้นฉบับของเอกสารสามารถอ่านและโครงสร้างได้ดีขึ้น
เมื่อเว็บเบราว์เซอร์ได้รับเอกสาร จะกำหนดวิธีการตีความเอกสาร แท็กแรกที่ปรากฏในเอกสารจะต้องเป็นแท็ก . แท็กนี้จะบอกเว็บเบราว์เซอร์ว่าเอกสารของคุณเขียนโดยใช้ HTML เอกสาร HTML ขั้นต่ำจะมีลักษณะดังนี้:
...เนื้อความของเอกสาร...
ส่วนหัวของเอกสาร
ควรใช้แท็กส่วนหัวของเอกสารทันทีหลังแท็ก และไม่มีที่อื่นในเนื้อหาของเอกสาร แท็กนี้คือ คำอธิบายทั่วไป เอกสาร. หลีกเลี่ยงการวางข้อความใดๆ ภายในแท็ก
. เริ่มแท็ก วางไว้หน้าแท็กทันที
และแท็กอื่นๆ ที่อธิบายเอกสาร และแท็กปิดท้าย</HEAD>วางไว้ทันทีหลังส่วนท้ายของคำอธิบายเอกสาร ตัวอย่างเช่น:</p>
<p><HTML> <HEAD> <TITLE>รายชื่อพนักงาน ชื่อเอกสาร
</p>
<p>เว็บเบราว์เซอร์ส่วนใหญ่แสดงเนื้อหาของแท็ก <TITLE>ในชื่อเรื่องของหน้าต่างที่มีเอกสารและในไฟล์บุ๊กมาร์ก หากเว็บเบราว์เซอร์รองรับ ชื่อเรื่องถูกจำกัดด้วยแท็ก <TITLE>และ , ตั้งอยู่ภายใน -tags ดังแสดงในตัวอย่างด้านบน ชื่อเอกสารไม่ปรากฏขึ้นเมื่อมีการแสดงเอกสารในหน้าต่าง
ความคิดเห็น
เช่นเดียวกับภาษาอื่นๆ HTML ช่วยให้คุณสามารถแทรกความคิดเห็นลงในเนื้อความของเอกสาร ซึ่งจะถูกบันทึกไว้เมื่อเอกสารถูกถ่ายโอนผ่านเครือข่าย แต่เบราว์เซอร์จะไม่แสดง ไวยากรณ์ความคิดเห็น:
ความคิดเห็นสามารถปรากฏได้ทุกที่ในเอกสารและในปริมาณเท่าใดก็ได้
แท็กเนื้อหาเอกสารระบุส่วนประกอบของเอกสาร HTML ที่แสดงในหน้าต่าง เนื้อความของเอกสารอาจมีลิงก์ไปยังเอกสาร ข้อความ และข้อมูลที่จัดรูปแบบอื่นๆ
เนื้อความของเอกสาร
เนื้อหาของเอกสารต้องอยู่ระหว่างแท็ก
และ. นี่เป็นส่วนหนึ่งของเอกสารที่แสดงเป็นข้อมูลข้อความและกราฟิก (ความหมาย) ของเอกสารของคุณ
แท็กย่อหน้า
ต่างจากโปรแกรมประมวลผลคำส่วนใหญ่ โดยทั่วไปการขึ้นบรรทัดใหม่จะถูกละเว้นในเอกสาร HTML ตัวแบ่งย่อหน้าสามารถอยู่ที่ใดก็ได้ในข้อความต้นฉบับของเอกสาร (เพื่อให้อ่านง่ายขึ้น) อย่างไรก็ตาม เบราว์เซอร์จะแยกย่อหน้าเฉพาะเมื่อมีแท็กเท่านั้น
ถ้าคุณไม่แยกย่อหน้าด้วยแท็ก
เอกสารของคุณจะปรากฏเป็นย่อหน้าใหญ่หนึ่งย่อหน้า
ลิงค์ไฮเปอร์เท็กซ์เป็นองค์ประกอบสำคัญที่ทำให้เว็บน่าสนใจสำหรับผู้ใช้ ด้วยการเพิ่มลิงก์ไฮเปอร์เท็กซ์ (ต่อไปนี้จะเรียกว่าลิงก์) คุณจะสร้างชุดของเอกสารที่เชื่อมต่อและมีโครงสร้าง ซึ่งช่วยให้ผู้ใช้รับข้อมูลที่ต้องการได้อย่างรวดเร็วและสะดวกที่สุด
ลิงก์มีรูปแบบมาตรฐานซึ่งช่วยให้เบราว์เซอร์สามารถตีความและทำหน้าที่ที่จำเป็น (วิธีการโทร) ขึ้นอยู่กับประเภทของลิงก์ ลิงก์สามารถชี้ไปที่เอกสารอื่น ตำแหน่งเฉพาะภายในเอกสารนั้น หรือทำหน้าที่อื่นๆ เช่น การขอไฟล์ผ่าน FTP เพื่อให้เบราว์เซอร์แสดง URL สามารถชี้ไปยังตำแหน่งเฉพาะในเส้นทางที่แน่นอน หรืออาจชี้ไปที่เอกสารในเส้นทางปัจจุบัน ซึ่งมักใช้เมื่อจัดระเบียบเว็บไซต์ที่มีโครงสร้างขนาดใหญ่ กลับไปยังลิงก์ก่อนหน้าหากมีการเคลื่อนไหวเกิดขึ้นภายในเอกสาร หากคุณใช้ลิงก์ภายในเอกสารแล้วกดปุ่มย้อนกลับ คุณจะไม่ไปที่ลิงก์ก่อนหน้า แต่จะกลับไปยังส่วนของเอกสารที่คุณกำลังดูก่อนหน้านี้
หนึ่งในสิ่งที่น่าดึงดูดที่สุด เว็บบ้าเอ๊ย -ความสามารถในการรวมลิงก์ไปยังกราฟิกและข้อมูลประเภทอื่น ๆ ในเอกสาร HTML ทำได้โดยใช้แท็ก
มีสองวิธีในการใช้กราฟิกในเอกสาร HTML ประการแรกคือการฝังภาพกราฟิกลงในเอกสาร ซึ่งช่วยให้ผู้ใช้เห็นภาพได้โดยตรงในบริบทขององค์ประกอบอื่นๆ ของเอกสาร
นี่เป็นเทคนิคที่ใช้มากที่สุดในการออกแบบเอกสาร บางครั้งเรียกว่า "รูปภาพอินไลน์"
เบราว์เซอร์ WWW บางตัวอนุญาตให้ผู้ใช้กรอกแบบฟอร์มพิเศษที่ส่งคืนค่าผลลัพธ์ เพื่อดำเนินการบางอย่างบนเซิร์ฟเวอร์ WWW ของคุณ เมื่อเว็บเบราว์เซอร์ตีความแบบฟอร์ม องค์ประกอบหน้าจอ GUI พิเศษจะถูกสร้างขึ้น เช่น ช่องป้อนข้อมูล ช่องทำเครื่องหมาย ปุ่มเรดิโอ เมนูแบบเลื่อนลง รายการที่เลื่อนได้ ปุ่ม ฯลฯ เมื่อผู้ใช้กรอกแบบฟอร์มและคลิกปุ่ม "ส่ง" (ส่งเป็นปุ่มชนิดพิเศษที่ระบุไว้เมื่ออธิบายเอกสาร) ข้อมูลที่ผู้ใช้ป้อนลงในแบบฟอร์มจะถูกส่งไปยังเซิร์ฟเวอร์ HTTP เพื่อประมวลผลและส่ง ไปยังโปรแกรมอื่นๆ ที่ทำงานภายใต้เซิร์ฟเวอร์ ตามอินเทอร์เฟซ CGI (Common Gateway Interface)
เมื่อคุณอธิบายแบบฟอร์ม แต่ละองค์ประกอบการป้อนข้อมูลจะมีแท็ก
แม้ว่าเว็บเพจจะปรากฏในรูปแบบบนหน้าจอคอมพิวเตอร์ แต่ HTML ไม่ได้มีไว้สำหรับการจัดรูปแบบเอกสาร เนื่องจากการออกแบบที่เข้มงวดและการวางตำแหน่งองค์ประกอบข้อความบนเพจที่แม่นยำทำให้เกิดข้อจำกัดที่ยอมรับไม่ได้บนอินเทอร์เน็ต
เช่นเมื่อเราจัดรูปแบบข้อความด้วย โปรแกรมประมวลผลคำ คำว่า เรา อย่างแน่นอน กำหนดว่าข้อความนี้ควรมีลักษณะอย่างไรเมื่อพิมพ์ลงบน เครื่องพิมพ์ที่เฉพาะเจาะจงมากและ บนกระดาษ รูปแบบที่ระบุ เมื่อเอกสารถูกโพสต์บนอินเทอร์เน็ต เป็นไปไม่ได้ที่จะคาดเดาได้ว่าจะใช้คอมพิวเตอร์เครื่องใดในการดูเอกสารนั้น หรือคอมพิวเตอร์เครื่องนั้นจะมีจอภาพด้วยซ้ำ
บางทีข้อความอาจปรากฏขึ้นบนหน้าจอคอมพิวเตอร์ที่ทำงานอยู่ ระบบวินโดวส์ ในหน้าต่างเบราว์เซอร์สมัยใหม่ตัวใดตัวหนึ่ง อาจเป็นเบราว์เซอร์ข้อความ (ไม่สามารถแสดงกราฟิกได้) ที่ทำงานบน MS-DOS บางทีข้อความของเอกสารอาจไม่ปรากฏบนหน้าจอเลย แต่จะเล่นออกมาดัง ๆ โดยใช้เครื่องสังเคราะห์เสียงพูด สำหรับผู้ใช้ที่ตาบอด สามารถแสดงเอกสารบนอุปกรณ์พิเศษที่เป็นอักษรเบรลล์ได้
เนื่องจากจำเป็นต้องเตรียมเอกสารสำหรับอุปกรณ์ที่หลากหลาย HTML จึงไม่ได้มีวัตถุประสงค์เพื่ออธิบายรูปแบบเอกสาร มันทำหน้าที่สำหรับ มาร์กอัปเอกสารการทำงาน นั่นคือมันช่วยให้คุณตัดสินใจได้ การนัดหมาย ส่วนของข้อความ
ตัวอย่างเช่น หากมีส่วนหัวในข้อความ โค้ด HTML ก็บ่งชี้ว่าส่วนที่เกี่ยวข้องนั้นเป็นส่วนหัว เมื่อได้รับรหัสดังกล่าว โปรแกรมดู (เบราว์เซอร์) เองก็ "ตัดสินใจ" ว่าจะทำอย่างไรกับชื่อเรื่อง บางทีเธออาจจะแสดงมันออกมามากกว่านี้ พิมพ์ใหญ่ หรืออาจจัดวางให้อยู่ตรงกลางหน้าจอ เป็นไปได้ว่าเครื่องสังเคราะห์เสียงพูดที่สร้างข้อความในเอกสารซ้ำจะใช้โค้ดส่วนหัวเพื่อเพิ่มระดับเสียงและทำให้เสียงสูงต่ำที่จำเป็นหยุดชั่วคราว
ภาษา HTML ยังคงมีคำสั่งการจัดรูปแบบอยู่บ้าง แต่หลักสูตรทั่วไปคือต้องแยกออกจากกัน เนื้อหา และการรักษาการดำเนินการของเอกสารอย่างเคร่งครัด ใน รุ่นล่าสุด โดยทั่วไปไม่แนะนำให้ใช้คำสั่งการจัดรูปแบบ HTML (4.0)
รหัสภาษา HTML ที่ใช้ในการมาร์กอัปข้อความต้นฉบับเรียกว่า แท็ก แท็กคือชุดของอักขระ แท็กทั้งหมดขึ้นต้นด้วยสัญลักษณ์น้อยกว่า ( <
) และลงท้ายด้วยเครื่องหมายมากกว่า ( >
). สัญลักษณ์คู่นี้บางครั้งเรียกว่า วงเล็บมุม หลังจากวงเล็บมุมเปิดมา คำสำคัญ, การกำหนดแท็ก
แต่ละแท็กใน HTML มีวัตถุประสงค์พิเศษ ตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ในชื่อแท็กไม่สำคัญ คุณสามารถใช้อักษรตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ก็ได้ แม้ว่าจะเป็นเรื่องปกติที่จะใช้อักษรตัวพิมพ์ใหญ่เพื่อแยกแยะแท็กจากข้อความปกติของเอกสาร
ตามกฎแล้วหนึ่ง แท็ก HTML มีผลเพียงบางส่วนของเอกสาร เช่น ย่อหน้า ในกรณีเช่นนี้ จะใช้แท็กที่จับคู่กัน: เปิด และ ปิด แท็กเปิดจะสร้างเอฟเฟกต์ และแท็กปิดจะสิ้นสุดเอฟเฟกต์ แท็กปิดเริ่มต้นด้วยเครื่องหมายทับ ( /
).
แท็กบางแท็กให้เอฟเฟกต์แบบครั้งเดียวที่แท็กเหล่านั้นปรากฏ ในกรณีนี้ ไม่จำเป็นต้องมีแท็กปิด และไม่ได้ใช้
หากแท็กมีคำหลักที่ไม่พบใน HTML โดยไม่ได้ตั้งใจ แท็กนั้นจะถูกละเว้นไปโดยสิ้นเชิง
เมื่อเอกสารแสดงในเบราว์เซอร์ แท็กจะไม่แสดง แต่จะส่งผลต่อวิธีการแสดงเอกสาร
คุณสมบัติของแท็ก
แท็กเปิดมักจะมี คุณลักษณะ, ส่งผลต่อเอฟเฟกต์ที่สร้างโดยแท็ก คุณลักษณะเป็นคำหลักเพิ่มเติมที่แยกออกจากกัน คำสำคัญ แท็กและแยกออกจากกันด้วยช่องว่าง
คุณลักษณะบางอย่างจำเป็นต้องมีข้อกำหนด ค่าแอตทริบิวต์ ค่านี้ถูกแยกออกจากคำหลักด้วยเครื่องหมายเท่ากับ ( =
). ค่าแอตทริบิวต์จะต้องอยู่ในเครื่องหมายคำพูด แต่ในหลายกรณีสามารถละเว้นเครื่องหมายคำพูดได้โดยไม่มีอันตรายใดๆ
แท็กปิดไม่เคยมีแอตทริบิวต์
ความคิดเห็น
ในภาษาโปรแกรม เป็นเรื่องปกติที่จะใช้ความคิดเห็น - บรรทัดข้อความที่ไม่ได้เป็นส่วนหนึ่งของโปรแกรม แต่ใช้สำหรับอธิบาย ภาษา HTML ก็มีความสามารถนี้เช่นกัน
ความคิดเห็นในรูปแบบ HTML เริ่มต้นด้วยแท็กพิเศษ
. ความคิดเห็นสามารถมีอักขระใดก็ได้ยกเว้นอักขระที่มากกว่า ( >
) และไม่สามารถรวมแท็กได้
ตัวอย่างของแท็ก HTML:
<Body> <TABLE> </A> <img> </Center>
</b></p>
<p>ตัวอย่างของแท็ก HTML ที่จับคู่:</p>
<p><b><HTML> </HTML>,
</b></p>
<p><b>,
</b></p>
<p><b><HEAD> </HEAD>,
</b></p>
<p><b><H3> </H3>,
</b></p>
<p><b><ADDRESS> </ADDRESS> ,
</b></p>
<p><b>,
</b></p>
<p>ตัวอย่างของแท็ก HTML เดียว:</p>
<p><b><BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>.
</b></p>
<p>ตัวอย่างของแท็ก HTML ที่มีแอตทริบิวต์:</p>
<p><b><BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF">
</b></p>
<p><b><OPTION SELECTED>
</b></p>
<p><b><FRAME SRC="file.html" NORESIZE>
</b></p>
<p>โครงสร้างเอกสาร HTML</p>
<p>เอกสาร HTML ประกอบด้วยเนื้อความของเอกสารและแท็กมาร์กอัป ซึ่งดังที่เราทราบอยู่แล้วว่าเป็นชุดอักขระธรรมดา ดังนั้นเอกสาร HTML จึงเป็นไฟล์ข้อความธรรมดา ในการสร้างมันขึ้นมา คุณสามารถใช้โปรแกรมแก้ไขข้อความใดก็ได้ แม้แต่โปรแกรมแก้ไข Notepad ธรรมดาที่มาพร้อมกับ Windows 9x ก็ตาม</p>
<p>1. เอกสาร HTML ทั้งหมดมีโครงสร้างที่กำหนดไว้อย่างเคร่งครัด เอกสารต้องขึ้นต้นด้วยแท็ก <b><HTML>
</b>และปิดท้ายด้วยแท็กปิดที่เหมาะสม <b></HTML>
</b>. แท็กคู่นี้จะบอกเบราว์เซอร์ว่านี่คือเอกสาร HTML จริงๆ</p>
<p>2. เอกสาร HTML ประกอบด้วย <i>จากส่วนหัว</i>และ <i>เนื้อหาเอกสาร,</i>ดำเนินไปตามลำดับนั้น ส่วนหัวอยู่ระหว่างแท็ก <b><HEAD>
</b>และ <b></HEAD>
</b>และมีข้อมูลเกี่ยวกับเอกสารโดยรวม โดยเฉพาะส่วนนี้จะต้องมีแท็ก <b><TITLE>
</b>และ <b>
3. ข้อความของเอกสารนั้นอยู่ในนั้น เนื้อหาของเอกสาร เนื้อหาของเอกสารอยู่ระหว่างแท็ก
และ
.
แท็กที่จับคู่ทั้งสี่รายการระบุโครงสร้างพื้นฐานของเอกสาร HTML ปรากฏ (หรือบอกเป็นนัย) ในเอกสาร HTML ทั้งหมด
ในทางปฏิบัติ มีความเป็นไปได้ที่จะระบุตำแหน่งของแท็กหลักที่มีโครงสร้างเหล่านี้แม้ว่าจะหายไปก็ตาม ดังนั้นหากติดแท็ก
,
และ
เช่นเดียวกับการละเว้นแท็กปิดที่เกี่ยวข้อง จากนั้นโปรแกรมเบราว์เซอร์ก็สามารถกำหนดสถานที่ที่ควรจะอยู่ได้ แท็ก
</b>ซึ่งกำหนดชื่อของเอกสารนั้นถือเป็นข้อบังคับ แต่การละเว้นจะไม่ทำให้เกิดผลที่ตามมาร้ายแรงในเบราว์เซอร์สมัยใหม่ แต่ถึงกระนั้นเมื่อสร้างเว็บเพจก็ไม่แนะนำให้ละเว้นแท็กเหล่านี้ทั้งหมดเนื่องจากไม่ทราบล่วงหน้าว่าเบราว์เซอร์เฉพาะที่ติดตั้งบนคอมพิวเตอร์ของผู้อ่านจะทำงานอย่างไร</p>
<p>เอกสาร HTML ที่เตรียมง่ายที่สุดอย่างเหมาะสม</p>
<p><b><HTML>
</b></p>
<p><b><HEAD>
</b></p>
<p><b><ТIТLЕ>
</b>ส่วนการทำงานของเอกสาร <b></ТIТLЕ>
</b></p>
<p><b></HEAD>
</b></p>
<p><b><BODY>
</b></p>
<p><b></BODY>
</b></p>
<p><b>HTML (ภาษามาร์กอัปไฮเปอร์เท็กซ์)</b>เป็นภาษามาร์กอัปข้อความ เอกสารข้อความที่รวบรวมด้วยความช่วยเหลือของมันไม่เพียงประกอบด้วยข้อความเท่านั้น แต่ยังมีอักขระพิเศษ - คำอธิบายหรือที่เรียกกันว่า "แท็ก" ซึ่งนำข้อมูลเกี่ยวกับส่วนต่าง ๆ ของข้อความ - ขนาดตัวอักษร, การเน้นสี, สี ฯลฯ</p>
<p>ภาษานี้ได้รับการพัฒนาโดย Tim Berners-Lee ในช่วงปลายทศวรรษที่ 80 แนวคิดในการพัฒนาคือเพื่อให้ผู้ที่ไม่มีความรู้ด้านการเขียนโปรแกรมและเค้าโครงสามารถแลกเปลี่ยนข้อมูลทางเทคนิค ข้อความ ตาราง ซึ่งจะแสดงโดยไม่มีการบิดเบือนบนอุปกรณ์ที่มีลักษณะทางเทคนิคและอุปกรณ์ที่แตกต่างกัน</p>
<p>เนื่องจากแท็กมีพื้นฐานมาจากคำในภาษาอังกฤษ จึงค่อนข้างง่ายในการเรียนรู้และใช้งาน และค่อยๆ ได้รับความนิยม มาร์กอัป HTML ได้รับการประมวลผลและแสดงอย่างถูกต้องบนจอภาพและอุปกรณ์มือถือโดยใช้แอปพลิเคชันพิเศษที่เรียกว่าอินเทอร์เน็ตเบราว์เซอร์</p>
<p>ในตอนแรก มีมาตรฐาน HTML ที่ไม่เป็นทางการมากมาย แต่ด้วยการขยายตัวแบบทวีคูณของอินเทอร์เน็ต นักพัฒนาซอฟต์แวร์จึงถูกบังคับให้หันไปใช้วิธีการส่งข้อมูลที่เป็นที่ยอมรับโดยทั่วไป ภาษา HTML ได้รับความสามารถใหม่อย่างค่อยเป็นค่อยไป - การสร้างและการแสดงตารางและสูตรทางคณิตศาสตร์ มีการเพิ่มองค์ประกอบที่ไม่ได้มาตรฐาน ด้วยการถือกำเนิดของ HTML 4.0 องค์ประกอบบางอย่างถูกกำหนดว่าเลิกใช้แล้วและเลิกใช้แล้ว ในปี 1997 HTML 4 กลายเป็นมาตรฐาน</p>
<p>ขณะนี้ HTML 5 อยู่ระหว่างการพัฒนา ความปรารถนาของนักพัฒนาคือการจัดกลุ่มภาษามาร์กอัปที่ถูกต้องตามหลักไวยากรณ์ภาษาเดียวสำหรับการจัดโครงสร้างและการแสดงเนื้อหาอินเทอร์เน็ต ขยายและปรับปรุงมาร์กอัปสำหรับเอกสารและแอปพลิเคชันเว็บที่ซับซ้อน HTML 5 มีคุณสมบัติและนวัตกรรมมากมายที่ทำให้ง่ายต่อการป้อนและจัดการวัตถุมัลติมีเดีย หากต้องการรับชมวิดีโอ ขณะนี้ไม่จำเป็นต้องใช้ Flash Player</p>
<p>เว็บไซต์เกือบทั้งหมดบนอินเทอร์เน็ตถูกสร้างขึ้นโดยใช้ภาษามาร์กอัป HTML แต่หน้าเว็บเดียวกันอาจดูแตกต่างออกไปในเบราว์เซอร์ที่ต่างกัน ข้อกำหนด HTML 5 กำหนดข้อกำหนดที่ชัดเจนสำหรับเบราว์เซอร์และเอกสาร อัลกอริธึมที่เบราว์เซอร์ใช้เพื่อแก้ไขข้อผิดพลาดช่วยสร้างโมเดลออบเจ็กต์ที่ถูกต้อง</p>
<p>คาดว่าในอนาคตการใช้ HTML เทคโนโลยีเช่นการแสดงคำบรรยายเมื่อดูวิดีโอการกรอกแบบฟอร์มอิเล็กทรอนิกส์และการตรวจตัวสะกดจะเป็นไปได้</p>
<p>ปัจจุบันภาษานี้ใช้เพื่อสร้างหน้าเว็บ และยังใช้กันอย่างแพร่หลายในการเขียนโค้ดสำหรับระบบจัดการเนื้อหา CMS หากคุณตัดสินใจที่จะสร้างเว็บไซต์ คุณควรเชี่ยวชาญภาษามาร์กอัปข้อความนี้อย่างน้อยในระดับประถมศึกษา เพื่อปรับเปลี่ยนโค้ดของไซต์หรืออย่างน้อยก็ทำความเข้าใจกับสิ่งที่เขียนไว้บนหน้าเว็บของไซต์ รับหลักสูตรวิดีโอเพื่อการศึกษาที่ยอดเยี่ยมฟรี</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
</article>
</section>
<section id="sidebar" class="secondary clearfix" role="complementary">
<aside id="nav_menu-3" class="widget widget_nav_menu clearfix">
<h3 class="widgettitle"><span>หมวดหมู่</span></h3>
<div class="menu-menyu1-container">
<ul id="menu-menyu1" class="menu">
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/security/">ความปลอดภัย</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/multimedia/">มัลติมีเดีย</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/office-programs/">โปรแกรมสำนักงาน</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/utilities/">สาธารณูปโภค</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/administrator/">ผู้ดูแลระบบ</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/programming/">การเขียนโปรแกรม</a></li>
<li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/th/category/browser/">เบราว์เซอร์</a></li>
</ul>
</div>
</aside>
<aside id="recent-posts-2" class="widget widget_recent_entries clearfix">
<h3 class="widgettitle"><span>รายการล่าสุด</span></h3>
<ul>
<li>
<a href="https://whatsappss.ru/th/multimedia/mestoraspolozhenie-serverov-world-of-tanks-sekrety-wot-kak-vybrat-server-gde.html">ความลับ WOT - วิธีเลือกเซิร์ฟเวอร์</a>
</li>
<li>
<a href="https://whatsappss.ru/th/administrator/narusheniya-v-igre-zhaloby-na-narushenie-pravil-napisat-pismo-v-world.html">การร้องเรียนเกี่ยวกับการละเมิดกฎ เขียนจดหมายถึงรถถังโลก</a>
</li>
<li>
<a href="https://whatsappss.ru/th/administrator/kak-izmenit-imya-v-wot-kak-smenit-pochtovyi-yashchik-v-world-of-tanks-pri-smene-nikneima.html">วิธีเปลี่ยนกล่องจดหมายของคุณใน World of Tanks</a>
</li>
<li>
<a href="https://whatsappss.ru/th/multimedia/kak-ochistit-kesh-v-mozile-kak-pochistit-kesh-v-mozile-i-dlya-chego-eto-nuzhno.html">วิธีล้างแคชใน Mozilla และเหตุใดจึงจำเป็นการล้างแคชจาก Firefox และอินเทอร์เน็ต</a>
</li>
<li>
<a href="https://whatsappss.ru/th/security/kakuyu-versiyu-skaip-ustanovit-na-vindovs-7-skachat-staryi-skaip-vse.html">ดาวน์โหลด Skype เก่า - Skype เวอร์ชันเก่าทั้งหมด</a>
</li>
<li>
<a href="https://whatsappss.ru/th/security/kak-ustanovit-prilozhenie-viber-na-telefon-ckachat-viber-dlya-androida-na-russkom.html">ดาวน์โหลด Viber สำหรับ Android ในภาษารัสเซีย คุณจะดาวน์โหลด Viber ได้ที่ไหน</a>
</li>
<li>
<a href="https://whatsappss.ru/th/utilities/chto-daet-vklyuchenie-v-brauzere-yandeks-turbo-rezhima-avtomaticheskoe-vklyuchenie.html">เปิดใช้งานโหมดเทอร์โบใน Yandex โดยอัตโนมัติ</a>
</li>
<li>
<a href="https://whatsappss.ru/th/programming/kak-naznachit-domashnii-ekran-na-androide-perezagruzis-v-bezopasnyi.html">รีบูตเข้าสู่เซฟโหมด</a>
</li>
<li>
<a href="https://whatsappss.ru/th/office-programs/obnovlenie-soni-iksperiya-m2-dual-proshivka-ili-pereproshivka-sony.html">เฟิร์มแวร์หรือการแฟลช Sony Xperia</a>
</li>
<li>
<a href="https://whatsappss.ru/th/administrator/chto-dayut-proshivki-yotaphone-2.html">เฟิร์มแวร์ yotaphone 2 ให้อะไรบ้าง?</a>
</li>
</ul>
</aside>
<aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;">
</aside>
</section>
</div>
<div id="footer-wrap">
<footer id="footer" class="container clearfix" role="contentinfo">
</footer>
</div>
</div>
<center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy><br><a href="https://whatsappss.ru/th/" title="โลกแห่งโปรแกรมฟรีและเคล็ดลับที่เป็นประโยชน์">โลกแห่งโปรแกรมฟรีและเคล็ดลับที่เป็นประโยชน์</a> <br>2024 whatsappss.ru <br><br>
</center>
<center><noindex></noindex></center>
<link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ;
</script>
<script type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script>
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body>
</html>
