Embedded Files
Add Headings and they will appear in your table of contents.
1.เรียนรู้เกี่ยวกับภาพรวมในการพัฒนาเว็บไซต์
ภาพรวมเกี่ยวกับการใช้งาน CSS HTML JavaScript
-การใช้ VS Code ในการสร้างเว็บไซต์
2. งานเกี่ยวกับการพัฒนาเว็บไซต์
สร้างเว็บไซต์เกี่ยวกับตัวเองโดยใช้ CSS,HTML,JavaScript
HTML คืออะไร
HTML ย่อมาจากภาษาอังกฤษในคำว่า Hypertext Markup Language ซึ่งถ้าแปลความหมายให้เข้าใจได้ง่ายมากขึ้นนั่นก็คือ เป็นภาษาที่ไว้สำหรับการสร้างเพจหรือเว็บไซต์ ภาษาตรงนี้จะไว้สำหรับการกำหนดรูปแบบของเว็บไซต์ว่าควรจะมีหน้าตาหรือควรจะมีลักษณะจุดเด่นอย่างไร ยกตัวอย่างเช่น บางครั้งเราอาจจะเห็นในเรื่องของหน้าเว็บไซต์บางเว็บไซต์ที่มีตัวหนังสือ ที่สวยงามหรือมีลูกเล่น และสีสันต่างๆ หรือมีการใช้ในส่วนของทำภาพเคลื่อนไหวต่างๆ ซึ่งภาษาในการเขียนเว็บอย่าง HTML เหล่านี้นี่แหละที่จะเป็นตัวบ่งบอกถึงคำสั่งในการจัดรูปแบบหน้าเพจหรือข้อความต่างๆ หน้าเว็บไซต์ได้เป็นอย่างดี
คำสั่งต่าง ๆ ที่ใช้ใน HTML
HTML นั้นถ้าจะเขียนเป็นรูปแบบของไฟล์เอกสารเราจะมีองค์ประกอบอย่างแรกคือ
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
ในส่วนของ <head> เราสามารถตั้งชื่อเว็บในแท็ปที่เปิดได้โดยใช้คำสั่ง title="My Website"
คำสั่งพื้นฐาน ในส่วน body
<p> เป็นการเขียนเป็นตัวหนังสือแบบปกติ
<u> เป็นการเขียนเป็นตัวหนังสือแบบขีดเส้นใต้
<a> เป็นตัวในการลิงก์ผู้ใช้ไปยังเว็บไซต์อื่น
<img> เป็นช่องใส่รูปภาพโดยเลือกจากออนไลน์หรือหน่วยความจำ
<br> เป็นคำสั่งในการเว้นบรรทัดของตัวหนังสือ
<span> เป็นคำสั่งแบบปกติซึ่งเราสามารถใช้เป็นจุดย่อยของ <p> เพื่อตกแต่งเฉพาะจุดได้
<button> เป็นคำสั่งแบบปุ่มกด
<p>This is Text<br>Second Line</p>
<u>This is Underlined Text</u>
<a href="https://www.facebook.com">click here</a>
<img src="download.png">
<p>This word contain <span style="color:red;">span</span></p>
<button>This is a button</button>
CSS
CSS ย่อมาจาก Cascading Style Sheet หรือที่มักเรียกกันสั้นๆ ว่า ‘สไตล์ชีต’ เป็นภาษาที่ใช้ส่วนของการจัดรูปแบบการแสดงผลเอกสาร HTML โดยที่ CSS กำหนดและระบุรูปแบบ หรือ Style ของเนื้อหาในเอกสาร เช่น สีของข้อความ สีพื้นหลัง ประเภทของตัวอักษร และการจัดวางข้อความ
การกำหนดรูปแบบ หรือ Style นี้ ใช้หลักการของการแยกเนื้อหาเอกสาร HTML ออกคำสั่งที่ใช้ในการจัดรูปแบบการแสดงผล กำหนดให้รูปแบบของการแสดงผลเอกสาร ไม่ขึ้นอยู่กับเนื้อหาของเอกสาร เพื่อให้ง่ายต่อการจัดรูปแบบการแสดงผลลัพธ์ของเอกสาร HTML
ในกรณีที่มีการเปลี่ยนแปลงเนื้อหาเอกสารบ่อยครั้ง หรือต้องการให้ควบคุมให้รูปแบบการแสดงผลเอกสาร HTML มีลักษณะของความสม่ำเสมอทั่วกันทุกหน้าเอกสารภายในเว็บไซต์เดียวกัน โดยกฎเกณฑ์ในการกำหนดรูปแบบ (Style) เอกสาร HTML ถูกเพิ่มเข้ามาครั้งแรกใน HTML 4.0 เมื่อปีพ.ศ. 2539 ในรูปแบบของ CSS level 1 Recommendations ที่กำหนดโดย องค์กร World Wide Web Consortium หรือ W3C
ประโยชน์ของ CSS
ภาษา CSS ช่วยในการจัดรูปแบบ HTML ซึ่งจะช่วยลดการใช้ภาษา HTML ให้น้อยลง โดยเหลือเพียงแค่ส่วนที่เป็นเอกสาร ที่เป็นภาษา HTML เท่านั้นทำให้มีการแก้ไขและทำความเข้าใจได้ง่ายขึ้น
ทำให้ขนาดไฟล์ HTML น้อยลงเนื่องจาก ภาษา CSS จะช่วยลงการใช้ภาษา HTML ลงทำให้ขนาดไฟล์นั้นก็เล็กลงไปด้วย
ภาษา CSS เป็นภาษา Style Sheets โดย Style Sheets ชุดเดียวสามารถใช้กำหนดรูปแบบการแสดงผลให้เอกสาร HTML ทั้งหน้า หรือทุกหน้ามีผลเหมือนกันได้ จึงทำให้เวลาที่มีการแก้ไขก็จะแก้ไขได้ง่ายขึ้นเพียงแก้ไข Style Sheets ที่ใช้งานเพียงชุดเดียวเท่านั้น
ทำให้เว็บไซต์มีมาตรฐานเพราะการใช้งาน CSS นั้นจะทำให้การแสดงผลในสื่อต่างๆ ถูกปรับเปลี่ยนไปได้อย่างเหมาะสม เช่น การแสดงผลบนหน้าจอ และการแสดงผลในมือถือ
CSS สามารถที่จะใช้งานได้หลากหลาย เว็บเบราว์เซอร์ ทำให้การใช้งานนั้นสะดวกมากยิ่งขึ้น
CSS สามารถกำหนดแยกไว้ต่างหากจากไฟล์เอกสาร HTML และสามารถนำมาใช้ร่วม กับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียง จุดเดียวก็มีผลกับเอกสารทั้งหมด
Page updated
Google Sites
Report abuse