HTML & CSS Basics

You’re certainly already acquainted with document editors, like Microsoft Word, with which you can structure your document with titles, paragraph, lists, tables, images, bold and italic text.

HTML provides roughly the same elements of formatting. The key difference is that formatting text in Microsoft Word is visual, whereas HTML code is purely semantic: you provide meaning to your text.

The same way you use notes to write music, you use HTML to write webpages.

While HTML is about defining the content of a webpage, CSS is about styling a webpage. It means setting colors, fonts, dimensions, margins, positions, of a webpage’s elements.

CSS brings a webpage to life, by applying a coat of paint on its static content, and elevates its purpose through color, space, emphasis and motion.

คุณจะคุ้นเคยกับเครื่องมือแก้ไขเอกสารเช่น Microsoft Word ซึ่งคุณสามารถจัดโครงสร้างเอกสารของคุณด้วยชื่อเรื่องย่อหน้ารายการตารางรูปภาพภาพตัวหนาและตัวเอียง

HTML ให้องค์ประกอบการจัดรูปแบบที่เหมือนกันโดยคร่าวๆ ความแตกต่างที่สำคัญคือการจัดรูปแบบข้อความใน Microsoft Word เป็นภาพในขณะที่โค้ด HTML มีความหมายล้วนๆ: คุณให้ความหมายกับข้อความ

เช่นเดียวกับที่คุณใช้โน้ตในการเขียนเพลงคุณใช้ HTML เพื่อเขียนเว็บเพจ

แม้ว่า HTML จะเกี่ยวกับการกำหนดเนื้อหาของหน้าเว็บ แต่ CSS นั้นเกี่ยวกับการกำหนดสไตล์ของหน้าเว็บ หมายถึงการตั้งค่าสีแบบอักษรขนาดระยะขอบตำแหน่งองค์ประกอบของหน้าเว็บ

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