{"id":3694,"date":"2023-12-28T04:26:12","date_gmt":"2023-12-28T04:26:12","guid":{"rendered":"https:\/\/surinlearninglab.com\/?page_id=3694"},"modified":"2024-03-02T03:23:46","modified_gmt":"2024-03-02T03:23:46","slug":"web-development-for-beginners-2","status":"publish","type":"page","link":"http:\/\/surinlearninglab.com\/th\/web-development-for-beginners-2\/","title":{"rendered":"\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3694\" class=\"elementor elementor-3694\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-591a35b2 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"591a35b2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c8d15c7\" data-id=\"1c8d15c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61baa10f elementor-widget elementor-widget-heading\" data-id=\"61baa10f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0e2a\u0e23\u0e49\u0e32\u0e07 + \u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e49\u0e14 + \u0e2a\u0e23\u0e49\u0e32\u0e07<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f0a605 elementor-widget elementor-widget-heading\" data-id=\"1f0a605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e0b\u0e39\u0e23\u0e34\u0e19<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e22e4e7 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e22e4e7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4643e0b6\" data-id=\"4643e0b6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-209ce212 elementor-widget elementor-widget-heading\" data-id=\"209ce212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-218b7091 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"218b7091\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6145f233\" data-id=\"6145f233\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2700f3b elementor-widget elementor-widget-spacer\" data-id=\"2700f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27265e77 elementor-widget elementor-widget-image\" data-id=\"27265e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"980\" height=\"789\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/12\/www.jpg?fit=980%2C789&amp;ssl=1\" class=\"attachment-full size-full wp-image-3693\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/12\/www.jpg?w=980&amp;ssl=1 980w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/12\/www.jpg?resize=300%2C242&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/12\/www.jpg?resize=768%2C618&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/12\/www.jpg?resize=15%2C12&amp;ssl=1 15w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6db602dd elementor-widget elementor-widget-heading\" data-id=\"6db602dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What is a webpage?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa9b917 elementor-widget elementor-widget-text-editor\" data-id=\"6aa9b917\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb176bc elementor-align-left elementor-widget elementor-widget-button\" data-id=\"eb176bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"http:\/\/surinlearninglab.com\/th\/web-development-for-beginners\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-195a4d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"195a4d6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c9d546a\" data-id=\"c9d546a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f60a7b9 elementor-widget elementor-widget-spacer\" data-id=\"f60a7b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5552a4 elementor-widget elementor-widget-image\" data-id=\"f5552a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2048\" height=\"2048\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?fit=2048%2C2048&amp;ssl=1\" class=\"attachment-full size-full wp-image-3789\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=1536%2C1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/Visual_Studio_Code_1.35_icon.svg.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3b2ae elementor-widget elementor-widget-heading\" data-id=\"4a3b2ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">VS Code<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3abbeb0 elementor-widget elementor-widget-text-editor\" data-id=\"3abbeb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Visual Studio Code (VS Code) is a free, cross-platform source-code editor developed by Microsoft. It&#8217;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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2de302b elementor-align-left elementor-widget elementor-widget-button\" data-id=\"2de302b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"http:\/\/surinlearninglab.com\/th\/vs-code\/%20\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ee4b83f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee4b83f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-08b15f9\" data-id=\"08b15f9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e8d0921 elementor-widget elementor-widget-spacer\" data-id=\"e8d0921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6be72f1 elementor-widget elementor-widget-image\" data-id=\"6be72f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?fit=1280%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-3726\" alt=\"github, logo, favicon-154769.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/github-logo-favicon-154769.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a5546 elementor-widget elementor-widget-heading\" data-id=\"b1a5546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">GitHub<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7604995 elementor-widget elementor-widget-text-editor\" data-id=\"7604995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Visual Studio Code (VS Code) is a free, cross-platform source-code editor developed by Microsoft. It&#8217;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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ca262 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"d1ca262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"http:\/\/surinlearninglab.com\/th\/github\/%20\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-18548b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18548b1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8ad9778\" data-id=\"8ad9778\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ee15bd elementor-widget elementor-widget-spacer\" data-id=\"7ee15bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17be59c elementor-widget elementor-widget-image\" data-id=\"17be59c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?fit=1138%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4095\" alt=\"html5, icon, graphics-1841458.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?w=1138&amp;ssl=1 1138w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=267%2C300&amp;ssl=1 267w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=910%2C1024&amp;ssl=1 910w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=768%2C864&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=11%2C12&amp;ssl=1 11w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c325b15 elementor-widget elementor-widget-heading\" data-id=\"c325b15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML.01<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55cb070 elementor-widget elementor-widget-text-editor\" data-id=\"55cb070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every webpage you encounter while browsing the internet, be it on your laptop or phone, is crafted using a language known as \u201cHTML\u201d (Hypertext Markup Language).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f16112c elementor-align-left elementor-widget elementor-widget-button\" data-id=\"f16112c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"http:\/\/surinlearninglab.com\/th\/h\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-729429c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"729429c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-085587f\" data-id=\"085587f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2015b2b elementor-widget elementor-widget-spacer\" data-id=\"2015b2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d769d elementor-widget elementor-widget-image\" data-id=\"c1d769d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?fit=1138%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4095\" alt=\"html5, icon, graphics-1841458.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?w=1138&amp;ssl=1 1138w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=267%2C300&amp;ssl=1 267w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=910%2C1024&amp;ssl=1 910w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=768%2C864&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=11%2C12&amp;ssl=1 11w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-face023 elementor-widget elementor-widget-heading\" data-id=\"face023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML.02<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0dc2e elementor-widget elementor-widget-text-editor\" data-id=\"4c0dc2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Structure<\/strong><\/p><p>The structure of an html document<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ed9547 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"8ed9547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/html-02\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-105d6ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"105d6ef\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-eb70cd7\" data-id=\"eb70cd7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1f6985 elementor-widget elementor-widget-spacer\" data-id=\"d1f6985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daed85c elementor-widget elementor-widget-image\" data-id=\"daed85c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?fit=1138%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4095\" alt=\"html5, icon, graphics-1841458.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?w=1138&amp;ssl=1 1138w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=267%2C300&amp;ssl=1 267w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=910%2C1024&amp;ssl=1 910w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=768%2C864&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=11%2C12&amp;ssl=1 11w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4928e elementor-widget elementor-widget-heading\" data-id=\"7a4928e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML.03<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a93e8 elementor-widget elementor-widget-text-editor\" data-id=\"e2a93e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Boxes<\/strong><\/p><p>Looking at any website, we can easily see that everything is made of boxes. Small boxes, big boxes, boxes inside boxes\u2026<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3391055 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"3391055\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"http:\/\/surinlearninglab.com\/th\/htm\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d1c27c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1c27c2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ec2bc51\" data-id=\"ec2bc51\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-634798b elementor-widget elementor-widget-spacer\" data-id=\"634798b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d4cdba elementor-widget elementor-widget-image\" data-id=\"5d4cdba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?fit=1138%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4095\" alt=\"html5, icon, graphics-1841458.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?w=1138&amp;ssl=1 1138w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=267%2C300&amp;ssl=1 267w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=910%2C1024&amp;ssl=1 910w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=768%2C864&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=11%2C12&amp;ssl=1 11w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-892efb6 elementor-widget elementor-widget-heading\" data-id=\"892efb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML.04<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41f4052 elementor-widget elementor-widget-text-editor\" data-id=\"41f4052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Attributes<\/strong><\/p><p>HTML tags can have variations added to them to achieve different results. These variations are added via &#8220;attributes&#8221;.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74bbc1 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"c74bbc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/html-04\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-aeabef6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aeabef6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-968efca\" data-id=\"968efca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1243e05 elementor-widget elementor-widget-spacer\" data-id=\"1243e05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2188674 elementor-widget elementor-widget-image\" data-id=\"2188674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?fit=1138%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4095\" alt=\"html5, icon, graphics-1841458.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?w=1138&amp;ssl=1 1138w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=267%2C300&amp;ssl=1 267w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=910%2C1024&amp;ssl=1 910w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=768%2C864&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/01\/html5-icon-graphics-1841458.png?resize=11%2C12&amp;ssl=1 11w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf8389 elementor-widget elementor-widget-heading\" data-id=\"7cf8389\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML Tags<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c824352 elementor-widget elementor-widget-text-editor\" data-id=\"c824352\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>An overview of the most common tags used in HTML<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15c0894 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"15c0894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/html-tags\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-85bcce2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85bcce2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6f600f9\" data-id=\"6f600f9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-113b7df elementor-widget elementor-widget-spacer\" data-id=\"113b7df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-384e308 elementor-widget elementor-widget-image\" data-id=\"384e308\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?fit=1233%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4646\" alt=\"css3, icon, 2d-1841590.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?w=1233&amp;ssl=1 1233w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=289%2C300&amp;ssl=1 289w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=986%2C1024&amp;ssl=1 986w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=768%2C797&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-530e18f elementor-widget elementor-widget-heading\" data-id=\"530e18f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">CSS Box Model<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa04112 elementor-widget elementor-widget-text-editor\" data-id=\"fa04112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>An introduction to css, (cascading style sheets).<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7589e elementor-align-left elementor-widget elementor-widget-button\" data-id=\"5d7589e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/css-01-2\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d744a5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d744a5b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-171c93d\" data-id=\"171c93d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e373744 elementor-widget elementor-widget-spacer\" data-id=\"e373744\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0c231 elementor-widget elementor-widget-image\" data-id=\"7b0c231\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1\" class=\"attachment-thumbnail size-thumbnail wp-image-4750\" alt=\"question mark, question, ask-31181.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68765de elementor-widget elementor-widget-heading\" data-id=\"68765de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Guess Who Part 1<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5622528 elementor-widget elementor-widget-text-editor\" data-id=\"5622528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your first commit to Git<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d666c0 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"3d666c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/guess-who-part-1\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-721ba74 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"721ba74\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1792205\" data-id=\"1792205\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5f6d14 elementor-widget elementor-widget-spacer\" data-id=\"c5f6d14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7c2a9 elementor-widget elementor-widget-image\" data-id=\"9e7c2a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?fit=1233%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4646\" alt=\"css3, icon, 2d-1841590.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?w=1233&amp;ssl=1 1233w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=289%2C300&amp;ssl=1 289w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=986%2C1024&amp;ssl=1 986w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=768%2C797&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f5cbf elementor-widget elementor-widget-heading\" data-id=\"a4f5cbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">CSS Basic Styling<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-444228f elementor-widget elementor-widget-text-editor\" data-id=\"444228f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create an HTML page with a few paragraphs and headings. Use CSS to change the font size, color, and text alignment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-648e0d0 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"648e0d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/css-basic-styling\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0d7f977 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0d7f977\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-756f1f4\" data-id=\"756f1f4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a85a59a elementor-widget elementor-widget-spacer\" data-id=\"a85a59a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c1b5ca elementor-widget elementor-widget-image\" data-id=\"8c1b5ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1\" class=\"attachment-thumbnail size-thumbnail wp-image-4750\" alt=\"question mark, question, ask-31181.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc48a5b elementor-widget elementor-widget-heading\" data-id=\"fc48a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Guess Who Part 2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-185d52d elementor-widget elementor-widget-text-editor\" data-id=\"185d52d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create the structure<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56f6156 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"56f6156\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/guess-who-part-2\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-47ad3a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47ad3a4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7a5c48f\" data-id=\"7a5c48f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71f4f69 elementor-widget elementor-widget-spacer\" data-id=\"71f4f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f8546 elementor-widget elementor-widget-image\" data-id=\"38f8546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1233\" height=\"1280\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?fit=1233%2C1280&amp;ssl=1\" class=\"attachment-full size-full wp-image-4646\" alt=\"css3, icon, 2d-1841590.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?w=1233&amp;ssl=1 1233w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=289%2C300&amp;ssl=1 289w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=986%2C1024&amp;ssl=1 986w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=768%2C797&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/css3-icon-2d-1841590.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e30244 elementor-widget elementor-widget-heading\" data-id=\"6e30244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">CSS Backgrounds and Borders<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0d47f elementor-widget elementor-widget-text-editor\" data-id=\"ad0d47f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Experiment with background colors and borders. Apply different background colors to sections of your HTML and add borders with various styles and colors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7056976 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"7056976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/css-backgrounds-and-borders\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-27f7659 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27f7659\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e8e9e59\" data-id=\"e8e9e59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed51f04 elementor-widget elementor-widget-spacer\" data-id=\"ed51f04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c063078 elementor-widget elementor-widget-image\" data-id=\"c063078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1\" class=\"attachment-thumbnail size-thumbnail wp-image-4750\" alt=\"question mark, question, ask-31181.jpg\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2024\/02\/question-mark-question-ask-31181.png?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c781f4 elementor-widget elementor-widget-heading\" data-id=\"8c781f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Guess Who Part 3<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70e32a7 elementor-widget elementor-widget-text-editor\" data-id=\"70e32a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CSS Styling<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec2ede2 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"ec2ede2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/surinlearninglab.com\/th\/guess-who-part-3\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e82a807 elementor-widget elementor-widget-spacer\" data-id=\"4e82a807\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d8fb336 elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d8fb336\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1de24d1b\" data-id=\"1de24d1b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a54283e elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"5a54283e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"http:\/\/info@surinlearninglab.com\/th\/\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"536\" src=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/10\/qrcode_share1696595298360.jpg?fit=536%2C536&amp;ssl=1\" class=\"attachment-full size-full wp-image-2593\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/10\/qrcode_share1696595298360.jpg?w=536&amp;ssl=1 536w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/10\/qrcode_share1696595298360.jpg?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/10\/qrcode_share1696595298360.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/surinlearninglab.com\/wp-content\/uploads\/2023\/10\/qrcode_share1696595298360.jpg?resize=12%2C12&amp;ssl=1 12w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"http:\/\/info@surinlearninglab.com\/th\/\">How do I contact my Instructor?<\/a><\/h3><p class=\"elementor-image-box-description\">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<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-47fb3a9c\" data-id=\"47fb3a9c\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29caa830 elementor-widget elementor-widget-spacer\" data-id=\"29caa830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-164e1652 elementor-widget elementor-widget-heading\" data-id=\"164e1652\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0e2d\u0e22\u0e48\u0e32\u0e25\u0e37\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e41\u0e25\u0e30\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e23\u0e2b\u0e32\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23 <strong>\u0e40\u0e2a\u0e37\u0e49\u0e2d\u0e22\u0e37\u0e14\u0e1f\u0e23\u0e35\u0e41\u0e25\u0e30\u0e0a\u0e38\u0e14\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e2b\u0e38\u0e48\u0e19\u0e22\u0e19\u0e15\u0e4c...<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e3864 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"f5e3864\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/surinlearninglab.com\/th\/survey\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70ee6f7b elementor-widget elementor-widget-spacer\" data-id=\"70ee6f7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f3f677 elementor-widget elementor-widget-spacer\" data-id=\"67f3f677\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Build + Code + Create SURIN LEARNING LAB Web Development for Beginners 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. Click here VS Code Visual Studio Code (VS Code) is a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":137,"footnotes":""},"class_list":["post-3694","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/pages\/3694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/comments?post=3694"}],"version-history":[{"count":91,"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/pages\/3694\/revisions"}],"predecessor-version":[{"id":4888,"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/pages\/3694\/revisions\/4888"}],"wp:attachment":[{"href":"http:\/\/surinlearninglab.com\/th\/wp-json\/wp\/v2\/media?parent=3694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}