HTML คืออะไร?

ตั้งแต่ จุดเริ่มต้นของอินเทอร์เน็ต , HTML มีความสำคัญที่จะทำให้โลกกว้างการทำงานของเว็บและปรากฏวิธีที่เราต้องการให้ ลองมาดูสิ่งที่ HTML เป็นและวิธีการที่มันจะกลายเป็นหน้าเว็บที่คุณเห็นทุกวัน

หัวใจของอินเทอร์เน็ต

HTML ย่อมาจาก“ใช้ HTML.” มันเป็นภาษาเขียนโปรแกรมใช้ในการสร้างหน้าเว็บที่เว็บเบราเซอร์สามารถแสดง ส่วนใหญ่ของหน้าเว็บที่คุณค้นหาบนอินเทอร์เน็ตรวมถึงคนที่คุณกำลังอ่านบทความนี้ในตอนนี้จะถูกเก็บไว้เป็นไฟล์ HTML เว็บไซต์ที่เป็นพวงของหน้าเว็บ HTML ที่เกี่ยวข้องเก็บไว้ในเซิร์ฟเวอร์ที่ใดที่หนึ่ง นั่นเป็นเหตุผลที่ภาษาที่เรียกว่าบ่อย“ กระดูกสันหลังของอินเทอร์เน็ต "

เมื่อใดก็ตามที่คุณไปที่หน้าบนอินเทอร์เน็ตที่คุณกำลังเป็นหลักขอไฟล์ HTML เก็บไว้ในเซิร์ฟเวอร์ จากนั้นเบราว์เซอร์ที่คุณใช้เช่น Chrome หรือ Firefox จะแยก HTML และแสดงให้คุณในทางที่ว่ามันตั้งใจ

ความเป็นสากลของ HTML และความคล่องตัวทำให้มันเป็นที่เดียวที่นิยมมากที่สุด ภาษามาร์กอัป ในโลก. ส่วนใหญ่นักพัฒนาเว็บ front-end เริ่มต้นด้วยการ เรียนรู้วิธีการรหัส ใน HTML เครื่องมือที่ใช้ในการลากและวางและบรรณาธิการ WYSIWYG มีการแปลในที่สุดก็เป็น HTML เพื่อให้เบราว์เซอร์สามารถแยกพวกเขา

ที่เกี่ยวข้อง: ภาษามาร์กอัปคืออะไร

วิธี HTML ธิการ

เช่นเดียวกับการเขียนโปรแกรมภาษาใด ๆ , HTML ดูเหมือนพวงของคำสั่งและบล็อกข้อความก่อนที่จะกลายเป็นด้านหน้าภาพ หากคุณอยากรู้อยากเห็นสิ่งที่ HTML ในลักษณะหน้านี้โดยเฉพาะอย่างยิ่งเหมือนคุณอยู่ในสก์ท็อปหรือแล็ปท็อปให้ลองคลิกขวาที่ใดก็ได้บนหน้านี้และเลือก“ดูหน้าแหล่งที่มา” (ตัวเลือกอาจแตกต่างกันขึ้นอยู่กับเบราว์เซอร์ของคุณ ) มันควรจะนำคุณไปยังกำแพงยักษ์ใหญ่ของรหัส

ส่วนใหญ่ HTML จะสร้างขึ้นโดยใช้“บล็อกองค์ประกอบ” ซึ่งเป็นส่วนของโค้ด HTML ที่องค์ประกอบที่แตกต่างแยกต่างหากบนหน้าเว็บ ยกตัวอย่างเช่นร่างกายของบทความนี้เป็นบล็อกองค์ประกอบที่เป็นเมนูแนะนำด้านล่างและส่วนท้ายของหน้าเว็บ องค์ประกอบเหล่านี้จะเขียนในทางของตัวเองเช่นที่พวกเขาอาจจะทำงานแตกต่างกัน

เป็นส่วนสำคัญของการสร้างจากหน้าเว็บ HTML คือการใช้แผ่น Cascading สไตล์ (CSS) เหล่านี้เป็นเอกสารที่กำหนดสิ่งที่องค์ประกอบโดยเฉพาะอย่างยิ่งของหน้าเว็บควรมีลักษณะดังนี้ ตัวอย่างเช่นวิธีรูปภาพขนาดใหญ่ควรจะเป็นสิ่งที่ควรอักษรปรากฏบนหน้าเว็บและ วิธีการที่หน้าเว็บควรจะตอบสนอง เมื่อมันปรับขนาดหรือยืด เหล่านี้ล้วนเป็นสิ่งสำคัญในการสร้างเสน่ห์, เหนียวและเว็บไซต์ที่ทันสมัย หากคุณสังเกตเห็นเว็บไซต์เริ่มต้นที่จะดูดีขึ้นในทศวรรษที่ผ่านมาการใช้งานที่เพิ่มมากขึ้นของ CSS เป็นเหตุผลที่ดีที่สุด คุณสามารถอ่านเพิ่มเติมเกี่ยวกับ CSS ที่นี่ .

หนึ่งในสิ่งที่ดีที่สุดเกี่ยวกับ HTML คือความสามารถในการเรียกใช้สคริปต์แบบไดนามิกผ่าน JavaScript หรือ JS สคริปต์เหล่านี้สามารถสร้างองค์ประกอบแบบไดนามิก ยกตัวอย่างเช่นในบางเว็บไซต์โฉบบนภาพที่จะช่วยให้คุณสามารถซูมเข้าไปในนั้น คุณสามารถทำให้ผลกระทบนี้โดยการเข้ารหัสในองค์ประกอบ JavaScript

ที่เกี่ยวข้อง: วิธีการปิดการใช้งาน (และเปิดใช้งาน) JavaScript ใน Google Chrome

ข้อมูลพื้นฐานเกี่ยวกับ HTML

ในขณะที่ HTML เป็นภาษาที่ค่อนข้างซับซ้อนกับตันของแท็กที่แตกต่างกันและบล็อกมีรหัส HTML ไม่กี่คนที่อาจเข้ามามีประโยชน์ขณะที่คุณกำลังท่องเว็บ นี่คือคู่ของแท็ก HTML พื้นฐานที่คุณอาจพบ

 & lt; a href = "https://www.howtogeek.com" & gt; วิธีการ Geek & lt; / a & gt; 

geek วิธีการ

คุณสามารถใช้ & lt; a & gt; คำสั่งเพื่อสร้างการเชื่อมโยง URL ที่เป็นที่เชื่อมโยงจะชี้ไปและข้อความที่อ่านว่า“วิธีการ Geek” เป็นวิธีการที่จะปรากฏต่อผู้ใช้ปลาย

 & lt; B & gt; หนา & lt; / b & gt; & lt; ฉัน & gt; เอียง & lt; / i & gt; & lt; U & gt; ขีดเส้นใต้ & lt; / u & gt; 

ตัวหนา เกี่ยวกับตัวเอียง ขีดเส้นใต้

คุณสามารถใช้ & lt; B & gt; , & lt; ฉัน & gt; , และ & lt; U & gt; การใช้ข้อความมาตรฐานตัวเลือกการจัดรูปแบบ: ตัวหนาตัวเอียงและขีดเส้นใต้ข้อความ

 & lt; img src = "picture.jpg" & gt; 

NS & lt; img & gt; ใช้แท็กเพื่อฝังภาพลงในหน้า มันจะดึงภาพจากโดเมนเดียวกันหรือคุณสามารถชี้ไปที่โดเมนภายนอก คุณสามารถปรับแต่งด้วยแอตทริบิวต์เพิ่มเติมบางอย่างเช่นการปรับขนาดและข้อความ ALT

 & lt; h1 & gt; หัวเรื่อง 1 & lt; / h1 & gt; & lt; p & gt; วรรค & lt; / p & gt; 

ข้างต้นเป็นแท็กหัวเรื่องและวรรค เช่นเดียวกับวิธี Microsoft Word ช่วยให้คุณเรียงลำดับข้อความเป็นส่วนหัวและข้อความร่างกาย HTML ยังสามารถฟอร์แมตข้อความตามส่วนหัวเริ่มต้นและตัวเลือกย่อหน้า รูปแบบเหล่านี้ถูกกำหนดโดยใช้สไตล์ชีท CSS

 & lt; p style = "สี: EDR;" & GT; ย่อหน้าสีแดง & lt; / p & gt; 

คุณยังสามารถใช้ "สไตล์" แอตทริบิวต์เพื่อปรับแต่งข้อความด้วยการตั้งค่าสไตล์ต่าง ๆ เช่นสีข้อความสีพื้นหลังและขนาดตัวอักษร

หากคุณสนใจที่จะเรียนรู้ตัวเลือกการจัดรูปแบบ HTML เพิ่มเติมให้ตรวจสอบ ทรัพยากรฟรีของ w3schools . คุณจะพบรายการแท็ก HTML ที่สมบูรณ์ที่คุณสามารถใช้เพื่อเริ่มสร้างหน้าเว็บของคุณ

ที่เกี่ยวข้อง: "การออกแบบที่ตอบสนอง" คืออะไรและคุณใช้มันได้อย่างไร