Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

HTML CSS: Code and Design Websites With HTML and CSS

Name: HTML CSS: Code and Design Websites With HTML and CSS
Rating: 4.6 (21 reviews)

Html Css to build responsive real world websites with HTML5 and CSS3 and become a modern web designer

Created byOak Academy, OAK Academy Team

Last updated 6/2026

English

What you'll learn

HTML & CSS
You will have a basic understanding of HTML
Learn to create static HTML sites
We will improve our knowledge step by step by learning the basics of CSS
We will learn to place pages in the easiest way by talking about all layout models in CSS
Create a beautiful, responsive landing page for any one
It will be much easier to prepare web pages with Grid CSS and Flexbox features
You will learn to use basic tags which are used commonly
You will be able to prepare lists in different formats
Learn the difference in usage between block level and inline elements in HTML
By learning the use of HTML table, you will be able to create different designs of your own
You will be able to create commonly used user login and registration pages by learning the form structure.
In the developing world, we will talk about all the details about web design compatible with different screens.
As with all of our courses, you will learn by doing too many hands-on examples.
HTML, or hypertext markup language, is computer code used to create web pages and emails. Web developers, email marketers, web writers, and many others use HTML
HTML stands for hyper-text markup language. Whether on a mobile device or a computer, every website that you browse is designed with HTML.
HTML isn’t a “programming language,” but rather a “formatting language.” It tells a browser how to display text, images, and other media elements.
HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.”

Course content

8 sections • 44 lectures • 4h 47m total length

Welcome to Our HTML and CSS Course4:41
In this first lesson, you will see what you will see in our course like a movie trailer. The most important feature of our course is that we will learn all the topics we will see by applying them in more than one place and thus seeing them over and over again. The information I gained in my education showed that a subject needs to be applied repeatedly to learn. Of course, you have a big duty here. You should practice what you have learned and the examples we have done with different variations. Let's show what we will talk about in our course.
Project Files and Course Documents0:05
FAQ About Html, html5, html css, html css javascript, html55:54
Html, html5, html css, html css javascript, html5:
HTML, or hypertext markup language, is computer code used to create web pages and emails. Web developers, email marketers, web writers, and many others use HTML.

What is Internet and HTML ?6:24
hmtl, css, website design: In this lesson, I would like to talk about the emergence and structure of the web pages which are the usage area of html without boring you.
HTML Basic Tags8:34
html, css: In this section, we will talk about common HTML Tags which are the basis of HTML.
What is HTML and why is it important?
HTML stands for hyper-text markup language. Whether on a mobile device or a computer, every website that you browse is designed with HTML. HTML isn’t a “programming language,” but rather a “formatting language.” It tells a browser how to display text, images, and other media elements. When HTML was first developed, it was fairly simple. For example, the text on a page could be bolded, italicized, or underlined, and images could be resized and aligned. Today, HTML is much more complex and dynamic, allowing front-end developers to create any layout or setup they desire.
HTML Images and Attributes8:25
html and css: In our last lesson, we learned the HTML tags that we use frequently. With this section, we will start to enrich our site visually. Today we will talk about images and attributes, let’s start.
Why is CSS and Javascript important for HTML?
HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.” While HTML can make it so that text is displayed on the screen, Javascript can update this text or make it move. Javascript is used for both front-end and back-end development, hand-in-hand with HTML, to create complex and attractive web designs. Meanwhile, CSS (Cascading Style Sheets) are used to organize the look and feel of a website and make the website easier to update and manipulate. Today, HTML, CSS, and Javascript are frequently used to develop responsive web designs — designs that react to a user’s environment for a better user experience.
HTML Lists7:00
html css javascript: In this section, we will talk about HTML Lists which are used to create lists of information
What is an HTML element and why is it important?
HTML is designed on a modular basis, meaning every part of the web page has a specific “place.” An HTML element is a part of the page. Common HTML elements include “<p>” for a “paragraph” and “<title>” for the “title” of the page. In fact, the entirety of the HTML page is within the “<html>” element. Elements are begun and ended with tags, so a title would be written: “<title>This is the Title to the page.</title>” Organizing code this way makes it easier to reference and control. Each element may also have characteristics. For instance, the “<p>” (paragraph) tag can be aligned in a certain direction. These are the basic building blocks of HTML and what most designers should learn first.
HTML List Example8:24
HTML CSS: In this lesson, we will prepare a sample menu with you to reinforce the HTML information we have learned so far.
Is HTML a programming language?
HTML is not considered a programming language but rather a markup or formatting language. This is an important distinction. Formatting languages merely control how things are displayed on a visual level, whereas programming languages are more dynamic; they use logic gates to determine the behavior of a program. But there is some crossover. “DHTML,” for instance, refers to Dynamic HTML. It is a type of HTML augmented by Javascript to make it easier to adjust on the fly. Because HTML, Javascript, and CSS are so frequently used together, they can often be folded together, which can contribute to some confusion regarding whether HTML is a programming language.
HTML Block Level - Inline Elements5:34
HTML: In this section, we will talk about block-level and inline elements in HTML. After that, I will talk about block-level - inline element properties and then briefly talk about div and span tags that actually get functionality with CSS.
Is HTML hard to learn?
HTML is known as one of the easiest languages to learn. It’s also one of the most ubiquitous. Many individuals interested in front-end, back-end, or full-stack development will learn HTML first. While HTML is largely intended for websites as a language, it is also used in many other programs. For example, when you create an email signature, you will usually be using HTML. Emails themselves use a combination of HTML and CSS. An advantage (and an occasional double-edged sword) to HTML is that it is very forgiving. You can get some HTML wrong, and your page will still be displayed, if not exactly how you want it to be.
Quiz HTML CSS, Website Design
Quiz HTML CSS, Website Design

HTML Tables8:58
html css javascript: In this section, we will talk about HTML tables which are often used to get a more organized image thus, the tables make it easier for us to see the connection between different data.
HTML Table Example6:00
HTML and CSS: In our previous lesson, we talked to you on the subject of tables in Html. In this lesson, I would like to reinforce our knowledge by preparing an example with the table.
HTML Forms12:07
html css, website design: Together with you we have enough knowledge to prepare a basic HTML page. Now it's time to create a form in Html.
HTML Forms Example7:51
website design: With all our other topics, reinforce what we have learned by making an example in the form subject.
Quiz HTML CSS, Website Design

Let's Meet CSS4:40
css: In this first lesson, you will see what you will see in our course like a movie trailer.
Learning how to code HTML without also learning CSS is like learning how to read but not write. All of your hard web development work is lost if you don’t optimize it for different screen sizes. Udemy has top-rated courses to show you how CSS helps you do just that.
CSS Basics11:46
html css javascript: We will first learn how to write CSS. Next, we will talk about how to include CSS in an HTML file. Then we will add colors to our web page and learn to make web pages in different styles.
Consider the devices that you use to access the internet on a daily basis. You’ll notice that there isn’t a standard screen size. Without CSS, rendering a website’s text, layout, and design for these discrepancies in screens would be impossible. CSS is the backbone of all website styling work, and is rightfully considered a cornerstone of internet technology.
CSS Colors8:41
css, html, javascript: We made very small changes to the text colors in the last lesson. And in this lesson, we will talk about colors in CSS.
What is Cascading Style Sheets (CSS)?
CSS or Cascading Style Sheets is a style sheet language used to style markup language. Markup languages include HTML, XHML, XML, and other XML-based languages. The most common use of CSS is to style HTML web pages. Although HTML doesn't need CSS to function, every web page would look the same without it. With CSS, you can target specific elements in a web page and change the look and arrangement on the page. CSS can make an embedded image small or cover the entire webpage as a background. You can enlarge a heading and apply a specific font to stand out from the rest of the page. Other things you can do with CSS include changing the color of elements, making elements float to one side of the page, and the list goes on. Every web page uses HTML, and every web page that has its unique look uses CSS.
CSS Background and Border7:57
css, grid css, flexbox css: In our previous lesson, we learned how to color items on our page. Today we will learn with you how to set the background and borders, which are the most basic visual adjustments.
What careers use CSS?
CSS applies to any career that involves web development. Web designers create the templates, mockups, and styles for a website using HTML and CSS that web developers use to build websites. Front-end web developers use CSS with HTML and JavaScript to build front-end web applications that run in the browser. Fullstack web developers create both the part of a web application that runs in the browser and on the server and need to know CSS to make the front-end look good. Content managers may need to know CSS to apply custom styles to articles they publish through a content management system like WordPress. Other job titles that may require you to know CSS include junior web developer, social media manager, website editor, content editor, website project manager, website support specialist, and webmaster.
CSS Selectors7:50
CSS: Today we will talk about the selectors that make our job very easy when designing our web page.
What skills should I have before learning CSS?
Before learning CSS, you should know the basics of using a computer and how to use a text editor because that is where you will be writing CSS. You should also be familiar with web browsers for browsing the web because it will inform your use of CSS. Since you may end up using specialized tools to write CSS, you should know how to install software on your computer and create and manage files and folders on your computer so you can create a CSS project. Once you have those skills down, the next thing to learn is HTML; after all, CSS is nothing without an HTML page to apply styles. That should be the basics you need to know to get started with CSS.
Quiz HTML CSS, Website Design
Quiz HTML CSS, Website Design

CSS Text and Fonts9:31
html css: In this lesson, we will talk about font and text-decoration issues that are important in CSS. So now we will start preparing more organized and beautiful pages.
Debugging in CSS8:14
html css: In this lesson, we will talk about how to examine and correct the mistakes we made while writing our codes. So we will talk about debugging in Css.
CSS Box Model7:09
CSS, HTML: Hello everyone. Today we will talk to you about Box model, which is an important subject for Css and we can prepare fun applications with you.
CSS Position6:40
html css javascript: In CSS, we talked about each element being thought of as a box and we talked about the features of this box model. In this lesson, we will talk about position properties with our boxes. We will talk about 4 properties for a position. These are static, relative, absolute and fixed.
CSS Float7:44
CSS, HTML, Website design: In the last lesson, we talked to you about position properties for CSS, and in this lesson, we talk about float properties. Next, we will talk about a few more features.
CSS Display Property6:50
responsive website design: In this lesson, we will talk to you about display features in CSS. But before moving on to this feature, we need to remember block-level -inline elements which we talked about in the Html course.
CSS Box-Model Practice11:50
html css: We have talked to you about the box-model in css for a few lessons. We will prepare a good practice using these features.
CSS Float-Layout Practice8:22
html css, website design: In this lesson, we will prepare a layout example using the float feature.
Learning how to code HTML without also learning CSS is like learning how to read but not write. All of your hard web development work is lost if you don’t optimize it for different screen sizes. Udemy has top-rated courses to show you how CSS helps you do just that.
CSS Box-Sizing6:27
html css javascript: We talked about the box model in css with you. We have given values such as width, height, border, margin, padding to our boxes. In this lesson, I want to talk to you about the box-sizing feature
Learning how to code HTML without also learning CSS is like learning how to read but not write. All of your hard web development work is lost if you don’t optimize it for different screen sizes. Udemy has top-rated courses to show you how CSS helps you do just that.
CSS Media Queries7:12
html css: Today we will talk about displaying the web pages we prepared with you on different sized screens properly. In this, we will have learned the subject of media queries
Consider the devices that you use to access the internet on a daily basis. You’ll notice that there isn’t a standard screen size. Without CSS, rendering a website’s text, layout, and design for these discrepancies in screens would be impossible. CSS is the backbone of all website styling work, and is rightfully considered a cornerstone of internet technology.
Quiz HTML CSS, Website Design

CSS Flexbox Introduction5:19
html, css, website design: So far, we have talked about the table, float, block, inline, position properties for CSS layout. Flexbox allows the elements to be automatically adjusted in space depending on the screen size or device. Thus, editing the page structure became easier. The basis of the Flexbox feature is the optimal placement of elements in the available free space. So flexbox is an easy way to organize items in a container. In this lesson, we will talk about flexbox structure.
You can enlarge a heading and apply a specific font to stand out from the rest of the page. Other things you can do with CSS include changing the color of elements, making elements float to one side of the page, and the list goes on. Every web page uses HTML, and every web page that has its unique look uses CSS.
CSS Flexbox Properties 18:57
html css: In the last lesson, we talked to you what is flexbox. It is time to code in this lesson. We will continue by explaining the features over the code.
What is Cascading Style Sheets (CSS)?
CSS or Cascading Style Sheets is a style sheet language used to style markup language. Markup languages include HTML, XHML, XML, and other XML-based languages. The most common use of CSS is to style HTML web pages. Although HTML doesn't need CSS to function, every web page would look the same without it. With CSS, you can target specific elements in a web page and change the look and arrangement on the page. CSS can make an embedded image small or cover the entire webpage as a background.
CSS Flexbox Properties 26:37
In our last lesson, we started talking to you about flexbox features. We will continue with these features in this lesson.
Fullstack web developers create both the part of a web application that runs in the browser and on the server and need to know CSS to make the front-end look good. Content managers may need to know CSS to apply custom styles to articles they publish through a content management system like WordPress. Other job titles that may require you to know CSS include junior web developer, social media manager, website editor, content editor, website project manager, website support specialist, and webmaster.
Flexbox Properties 33:56
In this lesson we will continue to talk about flexbox features.
What careers use CSS?
CSS applies to any career that involves web development. Web designers create the templates, mockups, and styles for a website using HTML and CSS that web developers use to build websites. Front-end web developers use CSS with HTML and JavaScript to build front-end web applications that run in the browser.
Grid CSS Intro4:00
html css: In this lesson, we start a new layout module with you. As we talked about before, we have learned table, float, position vs. page layout. Finally, we talked about the flexbox module and see how easy it makes our work. and in this lesson, we will talk about a new module grid structure.
Grid CSS6:19
css: The last lesson got acquainted with the grid layout and talked about the grid structure. In this lesson, we start the code part and see what we can do in practice.
What skills should I have before learning CSS?
Before learning CSS, you should know the basics of using a computer and how to use a text editor because that is where you will be writing CSS. You should also be familiar with web browsers for browsing the web because it will inform your use of CSS. Since you may end up using specialized tools to write CSS, you should know how to install software on your computer and create and manage files and folders on your computer so you can create a CSS project. Once you have those skills down, the next thing to learn is HTML; after all, CSS is nothing without an HTML page to apply styles. That should be the basics you need to know to get started with CSS.
Grid CSS - 29:41
html css javascript: I'm going to talk about a feature that we can change the position of our boxes. And we talked that lines are expressed in numbers.
What careers use CSS?
CSS applies to any career that involves web development. Web designers create the templates, mockups, and styles for a website using HTML and CSS that web developers use to build websites. Front-end web developers use CSS with HTML and JavaScript to build front-end web applications that run in the browser. Fullstack web developers create both the part of a web application that runs in the browser and on the server and need to know CSS to make the front-end look good. Content managers may need to know CSS to apply custom styles to articles they publish through a content management system like WordPress. Other job titles that may require you to know CSS include junior web developer, social media manager, website editor, content editor, website project manager, website support specialist, and webmaster.
Grid CSS - 33:55
html css: In this lesson, we will learn how to create templates by naming them.
What is Cascading Style Sheets (CSS)?
CSS or Cascading Style Sheets is a style sheet language used to style markup language. Markup languages include HTML, XHML, XML, and other XML-based languages. The most common use of CSS is to style HTML web pages. Although HTML doesn't need CSS to function, every web page would look the same without it. With CSS, you can target specific elements in a web page and change the look and arrangement on the page. CSS can make an embedded image small or cover the entire webpage as a background. You can enlarge a heading and apply a specific font to stand out from the rest of the page. Other things you can do with CSS include changing the color of elements, making elements float to one side of the page, and the list goes on. Every web page uses HTML, and every web page that has its unique look uses CSS.
Grid CSS - 44:54
HTML CSS: We will continue to talk about grid features. And this lesson we will talk about aligning the items with you.
Consider the devices that you use to access the internet on a daily basis. You’ll notice that there isn’t a standard screen size. Without CSS, rendering a website’s text, layout, and design for these discrepancies in screens would be impossible. CSS is the backbone of all website styling work, and is rightfully considered a cornerstone of internet technology.
Grid CSS - 55:45
design website: We continue to talk about grid features.
Learning how to code HTML without also learning CSS is like learning how to read but not write. All of your hard web development work is lost if you don’t optimize it for different screen sizes. Udemy has top-rated courses to show you how CSS helps you do just that.
Grid and Flexbox Project2:59
website designer: We have talked about the grid features in the last few lessons with you. I think we have learned this topic thoroughly by explaining this subject with its most important features. With this lesson, I would like to design a web page where we will use flex and grid features
Grid and Flexbox Project - 24:37
responsive web design: We can start the code part in our project. First of all, we prepare our html file with you. Then we can switch to the css file and start the visual section.
Grid and Flexbox Project - 34:48
CSS, HTML CSS: Now it's time to style our page. We will prepare the 1st and 2nd parts of the project in the CSS file.
Grid and Flexbox Project - 42:59
Css, html css, html css javascript, css3: We continue to edit our page We will prepare the last part of the project and finish our project.
CSS Quiz

HTML CSS: Code and Design Websites With HTML and CSS0:11
Html css, hmtl, html and css, html, website design, css, website coding, build responsive real-world websites with html and css, responsive web design, website designer, design website:
Why is CSS and Javascript important for HTML?
HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.” While HTML can make it so that text is displayed on the screen, Javascript can update this text or make it move. Javascript is used for both front-end and back-end development, hand-in-hand with HTML, to create complex and attractive web designs. Meanwhile, CSS (Cascading Style Sheets) are used to organize the look and feel of a website and make the website easier to update and manipulate. Today, HTML, CSS, and Javascript are frequently used to develop responsive web designs — designs that react to a user’s environment for a better user experience.

Requirements

No prior HTML or CSS knowledge needed
This course will take you from scratch to the advanced level
Desire to learn HTML and CSS
Computer with access to the internet
Desire to learn website design
Desire to learn html and css
Nothing else! It’s just you, your computer and your ambition to get started today

Description

Hello there,

Welcome to the HTML CSS: Code and Design Websites With HTML and CSS course.

HTML CSS to build responsive real-world websites with HTML5 and CSS3 and become a modern web designer

This course will be your gateway to learn web design with HTML5, and CSS3 with a step-by-step approach. We can assure you that only this course will be enough for you to learn HTML and CSS from scratch to intermediate. Html css, hmtl, html and css, html, website design, css, website coding, build responsive real-world websites with html and css, responsive web design, website designer, design website

HTML stands for HyperText Markup Language, which is the biggest markup language used to display web pages on the Internet. In other words, web pages are composed of HTML, which is used to display text, images, or other resources through a web browser.

HTML is the basic building block of the web and actually isn’t a technical programming language. It is responsible for the structure of the website.

In this course, we will start with HTML, which is the basis of web development and then we will continue to learn CSS.

This course will take you from a beginner to a more experienced level. You will learn HTML5 and CSS3 step by step with hands-on examples.

In this course you will learn;

To create static HTML sites,
To create a beautiful, responsive landing page for anyone,
You will learn to use basic tags which are used commonly,
You will be able to prepare lists in different formats,
The difference in usage between block-level and inline elements in HTML,
The uses of HTML table, and by learning this you will be able to create different designs of your own,
To able to create commonly used user login and registration pages by learning the form structure,
And improve your knowledge step by step by learning the basics of CSS
To place pages in the easiest way by talking about all layout models in CSS.
To prepare web pages with Grid CSS and Flexbox features.

No prior knowledge is needed!

You will learn HTML5 and CSS3 step by step with hands-on examples from scratch

What is HTML and why is it important?

HTML stands for a hyper-text markup language. Whether on a mobile device or a computer, every website that you browse is designed with HTML. HTML isn’t a “programming language,” but rather a “formatting language.” It tells a browser how to display text, images, and other media elements. When HTML was first developed, it was fairly simple. For example, the text on a page could be bolded, italicized, or underlined, and images could be resized and aligned. Today, HTML is much more complex and dynamic, allowing front-end developers to create any layout or setup they desire.

Why is CSS and Javascript important for HTML?

HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.” While HTML can make it so that text is displayed on the screen, Javascript can update this text or make it move. Javascript is used for both front-end and back-end development, hand-in-hand with HTML, to create complex and attractive web designs. Meanwhile, CSS (Cascading Style Sheets) are used to organize the look and feel of a website and make the website easier to update and manipulate. Today, HTML, CSS, and Javascript are frequently used to develop responsive web designs — designs that react to a user’s environment for a better user experience.

What is responsive design?

Responsive design is a new type of design intended to respond to the platform and environment that a user is on. When HTML was created, most people used PCs. Today, people can browse a website on a PC, phone, tablet, or even a game console. In the past, developers created separate sites for “desktop” and “mobile.” While it worked, it wasn't easy to maintain. Rather than creating separate sites, responsive design generates the site based on the environment it detects. This greatly reduces the amount of development and maintenance for the site. Responsive design is generally achieved with a combination of HTML, CSS, and Javascript.

What is Cascading Style Sheets (CSS)?

CSS or Cascading Style Sheets is a style sheet language used to style markup language. Markup languages include HTML, XHML, XML, and other XML-based languages. The most common use of CSS is to style HTML web pages. Although HTML doesn't need CSS to function, every web page would look the same without it. With CSS, you can target specific elements in a web page and change the look and arrangement on the page. CSS can make an embedded image small or cover the entire webpage as a background. You can enlarge a heading and apply a specific font to stand out from the rest of the page. Other things you can do with CSS include changing the color of elements, making elements float to one side of the page, and the list goes on. Every web page uses HTML, and every web page that has its unique look uses CSS.

What careers use CSS?

CSS applies to any career that involves web development. Web designers create the templates, mockups, and styles for a website using HTML and CSS that web developers use to build websites. Front-end web developers use CSS with HTML and JavaScript to build front-end web applications that run in the browser. Fullstack web developers create both the part of a web application that runs in the browser and on the server and need to know CSS to make the front-end look good. Content managers may need to know CSS to apply custom styles to articles they publish through a content management system like WordPress. Other job titles that may require you to know CSS include junior web developer, social media manager, website editor, content editor, website project manager, website support specialist, and webmaster.

Why would you want to take this course?

Our answer is simple: The quality of teaching.

When you enroll, you will feel the OAK Academy`s seasoned instructors' expertise.

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

Seeing clearly
Hearing clearly
Moving through the course without distractions

You'll also get:

Lifetime Access to The Course
Fast & Friendly Support in the Q&A section
Udemy Certificate of Completion Ready for Download

Dive in now HTML CSS: Code and Design Websites With HTML and CSS course

We offer full support, answering any questions.

See you in the course!

Who this course is for:

If you want to learn HTML 5 and CSS 3 the first step in web development, completely and easily, you are at the right place.
It's perfect for complete beginners with zero experience.
If you want to building your own website, you should enroll
People who are willing to make a career in the Web Development
People who want to learn html css, website design, website coding
People who want to learn html css before beginning Javascript language

HTML CSS: Code and Design Websites With HTML and CSS

What you'll learn

Explore related topics

Course content

HTML & CSS For Everyone3 lectures • 11min

Do You Know HTML Essentials?6 lectures • 44min

Let's Learn More Complex Topics in HMTL4 lectures • 35min

Let Me Introduce CSS5 lectures • 41min

Intermediate CSS10 lectures • 1hr 20min

Flexbox and Grid for CSS14 lectures • 1hr 15min

We Are Done!1 lecture • 1min

Extra1 lecture • 1min

Requirements

Description

Who this course is for: