[Web Development Full Stack Course] HTML&CSS Basics

The foundation for a readable, fast web!
Learn HTML & CSS properly ✨

What is HTML/CSS?

HTML stands for Hyper Text Markup Language . It consists of four words: Hyper, Text, Markup, and Language. Of these, Hyper is the most important. This is because the most important clue to understanding HTML can be gleaned from hyperlinks .

In a web browser or document creation tool like Word, rather than using text in the paper era, you can use a feature called hyperlinks to link to specific locations, such as videos, music, photos, files, and text. Hyperlinks are reference links that can connect and point to any type of data within a document. It's truly remarkable that the early web featured tags that functioned like hyperlinks. HTML, the foundational technology of the web, was ultimately born to connect everything .

Hyper means "transcendence," and Text means "character." In other words, Hyper Text is a type of text that transcends regular text, allowing for organic communication between characters, sentences, and documents.

HTML is a language that can mark up hypertext . Markup, here, refers to information that expresses the document's format, structure, and more, in addition to its content. HTML, a language that can express this markup information, serves as the backbone of the web.

Meanwhile, CSS (Cascading Style Sheets) is a design language that dresses up HTML, the framework, with beautiful details. CSS allows you to apply design elements to the web, such as layout, color, fonts, and sizes.

HTML & CSS, why should I learn them?

You can't become a web developer without learning HTML/CSS .

Have you ever thought about what makes the web readable and what doesn't? We spend our days reading countless articles—books, TV shows, magazines, blogs—and reading them. Some are readable, others are not. The same goes for code written by web developers. While invisible to the human eye, it's readable by software like search engines and screen readers. Search engines and screen readers interpret the invisible code that makes up the web through web pages, and they then interpret the web pages we develop. How can we write code that software can read and understand? And why is it important?

The key to writing readable content is to keep it simple and clear. The same holds true for code written by developers. When writing markup, remove unnecessary tags and simplify the structure to include only the tags necessary to structure the page.

Today's web requires not only familiarity but also speed. According to Google research, if a web page takes more than five seconds to load, the likelihood of a visitor abandoning the page increases by 90%. Understanding the browser rendering process and optimizing the resources used within a page is crucial for delivering a web experience that's not only readable but also fast. Therefore, developing a good web requires a solid foundation in HTML and CSS, the fundamental languages that make up the web.

Features of this course!

_{Easy and detailed}

_{Focused on practical application}

_{Even example code!}

• We'll help you understand the web development life cycle.
• Understand what HTML is.
• You will learn the exact usage of each tag that makes up HTML.
• Learn how to create tags that are considerate of mobile users and those with visual impairments.
• You will learn all the basic syntax of CSS.
• You will learn CSS to create layouts and implement responsive web.
• All example code is available on GitHub .

What do you learn?

_VSCode

_HTML/CSS

_Node.js

• Visual Studio Code is used as the development IDE tool. You will learn about development methods and useful extensions using Visual Studio Code.
• Install Node.js and learn what Node.js is.
• You will learn about the web and the entire process of web development, from planning to development and testing.
• Learn all the basic HTML tags.
• Learn about global and local attributes for HTML tags.
• You will learn semantic tags and be able to use tags that match your meaning.
• You'll learn how to style colors, fonts, lists, tables, and more with CSS.
• You will learn CSS to create layouts and implement responsive web.

_{HTML basic structure and basic elements}

_{CSS for creating layouts}

The person who created this course is
Who could it be?

Developer's Dignity

A 24-year software developer who wants to make a positive impact on the world through software technology.
I love sharing my knowledge and always enjoy learning new skills.

I've worked as a consultant and developer, building ERP systems for over 60 global companies, both domestically and internationally. I also have experience selling software I developed myself to leading companies both domestically and internationally. I'm also the CEO of an IT startup.

Working not only as a developer, but also as a UX consultant and occasionally as a business consultant, I've gained extensive experience in all aspects of application and service development, from planning to development. Now, with over 20 years of practical experience, I'm dedicated to sharing my knowledge with my juniors, with a strong sense of mission to impart truly essential skills and truly relevant knowledge.

Want to know more?

• We provide over 200 useful lecture videos through the YouTube channel ' Developer's Dignity '.
• He is the author of ' Vanilla JavaScript ', ' A Week Before Starting a Vue.js Project ', ' A Week Before Starting a Node.js Project ', ' IT Terms You Must Know to Become a Developer ', ' Beyond Design Thinking to Programming Thinking ', ' The Essentials of Smart Contract Development for Solidity Developers ', and ' I'm Still Not Teaching Kids to Code '.
• I am the translator of O'Reilly's ' Learning TypeScript '.

[Web Development Full-Stack Course] Series Collection