Lv.1 HTML คืออะไร

HTML

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

HTML คืออะไร

  • HTML ย่อมาจาก Hyper Text Markup Language
  • HTML เป็นภาษามาร์กอัปมาตรฐานสำหรับการสร้างหน้าเว็บเพจ
  • HTML อธิบายโครงสร้างของหน้าเว็บเพจ
  • HTML ประกอบด้วย Element ต่างๆ
  • HTML elements บอกเบราว์เซอร์ถึงวิธีการแสดงของเนื้อหา
  • HTML elements เป็นเหมือนป้ายกำกับของเนื้อหา เช่น “นี่คือส่วนหัว” “นี่คือย่อหน้า” “นี่คือลิงก์” เป็นต้น

ตัวอย่าง

<!DOCTYPE html>
<html>
	<head>
		<title>nkaub | ข้อความที่แแสดงบน Title Bar</title>
	</head>
	<body>

		<h1>หัวเรื่อง</h1>
		<p>ย่อหน้า</p>

	</body>
</html>

อธิบายตัวอย่าง

<!DOCTYPE html> เป็นการกำหนดว่าเอกสารนี้เป็นเอกสารของ HTML5

<html> เป็น Root Element ของ HTML

<head> บรรจุ Meta แท็ก Link และอื่นๆของภาษา HTML

<title> ชื่อที่แสดงบน Title Bar

<body> ส่วนที่เราต้องเขียนโค้ดต่างๆ อยู่ในนี้ทั้งหมด

<h1> หัวเรื่องใหญ่ที่สุด (GU ใหญ่สุดว่างั้น)

<p> กำหนดย่อหน้าข้อความ(พารากราฟ)

HTML คืออะไร HTML ทําอะไรได้บ้าง

ทำหน้าที่เป็นโครงสร้างของเว็บเพจ

ภาษา HTML นั้น โดยหลักๆแล้ว การใช้งานจะใช้เพื่อเป็นโครงสร้างของหน้าเว็บเพจ ว่าจะให้แสดงข้อมูลอะไร โดยผ่านการใช้งาน Elements ต่างๆ

HTML บอกภาษาและประเทศ

บอก Search Engine ว่าภาษาและประเทศที่ใช้งานของเว็บไซต์นั้น หลักๆแล้วผู้ใช้งานอยู่ที่ไหน ใช้ภาษาอะไร

การสร้างเกม

ภาษา HTML ก็สามารถสร้างเกมได้แล้วนะ

ที่เก็บข้อมูล

HTML ก็สามรถทำได้เช่นกัน

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

การเซฟไฟล์

ให้เซฟเป็น .html

ตัวอย่าง

index.html หน้าหลัก

product.html หน้าสินค้า

contact.html หน้าติดต่อ

เว็บเบราว์เซอร์ที่ใช้แสดงผล HTML


เว็บเบราว์เซอร์ที่นิยมใช้แสดงผลก็มี Chrome, Edge, Firefox, Safari, Opera หน้าที่ของเว็บเบราว์เซอร์คือการอ่านโค้ดของ HTML แล้วนำมาแสดงให้ถูกต้อง ส่วนโค้ด HTML จะถูกเก็บไว้หลังบ้าน เพราะมันเป็นแค่การกำหนดหนื้อหาเท่านั้น

ตัวอย่างหน้าเว็บที่ใช้ HTML ทำเสร็จแล้ว

เว็บไซต์ html ที่ทำเสร็จแล้ว
HTML Preview Result

แต่ แต่ แต่ ลำพังใช้แค่ HTML เท่านั้น ไม่สามารถทำเว็บแบบนี้ ต้องใช้ CSS ร่วมด้วยช่วยกันนะ ถึงจะทำได้ การใช้งานแบบโครตเบสิคก็ประมาณนี้ครับ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น

Top