สร้าง + เขียนโค้ด + สร้าง
ศูนย์เรียนรู้ซูริน
การพัฒนาเว็บสำหรับผู้เริ่มต้น

What is a webpage?
A webpage is a digital document displayed on the internet, created using HTML, CSS, and possibly JavaScript, and designed to be accessed and viewed through a web browser.

VS Code
Visual Studio Code (VS Code) is a free, cross-platform source-code editor developed by Microsoft. It’s widely used for web development, offering a user-friendly interface, versatile language support, and features like code highlighting, autocompletion, and a rich extension ecosystem.

GitHub
Visual Studio Code (VS Code) is a free, cross-platform source-code editor developed by Microsoft. It’s widely used for web development, offering a user-friendly interface, versatile language support, and features like code highlighting, autocompletion, and a rich extension ecosystem.

HTML.01
Every webpage you encounter while browsing the internet, be it on your laptop or phone, is crafted using a language known as “HTML” (Hypertext Markup Language).

HTML.03
Boxes
Looking at any website, we can easily see that everything is made of boxes. Small boxes, big boxes, boxes inside boxes…

HTML.04
Attributes
HTML tags can have variations added to them to achieve different results. These variations are added via “attributes”.

CSS Basic Styling
Create an HTML page with a few paragraphs and headings. Use CSS to change the font size, color, and text alignment.

CSS Backgrounds and Borders
Experiment with background colors and borders. Apply different background colors to sections of your HTML and add borders with various styles and colors.

How do I contact my Instructor?
To contact your instructor, or Surin Learning Lab, scan the QR code for LINE call 090-912-7265 or email us at info@surinlearninglab.com