HTML Basics
In this tutorial, I will teach you how to use HTML to create websites from start to finish. This tutorial includes my own
handwritten notes and source code that you can use to create new websites again and again. You just need to invest
your time in this video, as there are no prerequisites. By following this tutorial, you will be able to create beautiful
websites.
What is HTML?
HTML stands for Hypertext Markup Language, and it is the language used to create websites. HTML tags define the
look and feel of a website. With an understanding of these tags and how to put them together, we can create beautiful
websites easily.
HTML is only used to define your website's page layout. It is just a bare bone page structure, without any design or
style. If you do not use CSS, your website will look very plain. Let me show you an example:
<html> <body> <h1>Hello World!</h1> <p>This is an example without CSS.</p> </body> </html>
To make your website more attractive, you need to use CSS. CSS is used to handle the design and visual style of the
web page.
If you want to specify more complex functionality and interactivity, you can use JavaScript. JavaScript is often used in
conjunction with HTML and CSS to create dynamic websites.
Introduction to JavaScript
If you want to control your webpage by hiding or showing anything for a specific duration, you can make use of
JavaScript. In this course, we will learn how to use JavaScript to achieve all these things.
HTML, CSS, and JavaScript
HTML is used for designing the frame of a website, while CSS is used for its decoration. On the other hand, JavaScript
is used for the frontend logic, which means the logic that users can see. Backend logic, which is used by the server, is
always hidden from the user.
Client Side Logic
JavaScript is a type of client-side logic, which means users can see its logic. On the other hand, backend logic is always
hidden from the user. For example, if a website is using Django, users will not be able to see its backend logic, but only
its frontend logic.
Designing a Beautiful Layout
In this course, we will learn how to design beautiful layouts. To start with, we will view the source code of a website by
clicking the right button and selecting "view page source." We can then copy and paste this code into a notepad.
However, keep in mind that the website may not look exactly the same as the original website since some styles may be
used through server roots.
You just simply have to open it and then you have to install it, it's as simple as that. Now I want to tell you a few things.
While installing it, you must check some options. You can create a new file by clicking here and create a folder by
clicking here. And after that, you must install an extension which is "live server". VSCode is the lightweight open source
text editor of our choice. You can write HTML even in Notepad, but text editors just make these things easier. We'll
show you how VSCode facilitates in great web development. To zoom it, press ctrl '' and scroll my scroll wheel. To
change the font size, you have to press a lot of keys. To use all these features and to set the keyboard shortcuts, we
use VSCode. Every website is made up of HTML and we start building a website by creating a file named index.html.
This is the point from where your website starts to be visible. We'll learn about web page structure, what is a basic web
page structure. Let's move to chapter1 where we'll create our first website.
We just want to generate an HTML page. We want to open that in a live server because we want to see how our page
will look in our server. If I don't type "index.html" in my URL bar, I'll still get the same page, but if my page wasn't named
"index.html," I won't be able to see anything after changing its name.
The head of an HTML page is the metadata of the page. Metadata means the data about the data. Meta set means the
encoding of this page is "utf8" and view port is used to change the initial scale.
The body contains all the tags which you'll see on this web page. A tag is the container for the content or for the more
HTML tags. A tag can contain more tag or directly a content just like "h1" and the paragraph.
In this tutorial, I will teach you how to use HTML to create websites from start to finish. This tutorial includes my own
handwritten notes and source code that you can use to create new websites again and again. You just need to invest
your time in this video, as there are no prerequisites. By following this tutorial, you will be able to create beautiful
websites.
What is HTML?
HTML stands for Hypertext Markup Language, and it is the language used to create websites. HTML tags define the
look and feel of a website. With an understanding of these tags and how to put them together, we can create beautiful
websites easily.
HTML is only used to define your website's page layout. It is just a bare bone page structure, without any design or
style. If you do not use CSS, your website will look very plain. Let me show you an example:
<html> <body> <h1>Hello World!</h1> <p>This is an example without CSS.</p> </body> </html>
To make your website more attractive, you need to use CSS. CSS is used to handle the design and visual style of the
web page.
If you want to specify more complex functionality and interactivity, you can use JavaScript. JavaScript is often used in
conjunction with HTML and CSS to create dynamic websites.
Introduction to JavaScript
If you want to control your webpage by hiding or showing anything for a specific duration, you can make use of
JavaScript. In this course, we will learn how to use JavaScript to achieve all these things.
HTML, CSS, and JavaScript
HTML is used for designing the frame of a website, while CSS is used for its decoration. On the other hand, JavaScript
is used for the frontend logic, which means the logic that users can see. Backend logic, which is used by the server, is
always hidden from the user.
Client Side Logic
JavaScript is a type of client-side logic, which means users can see its logic. On the other hand, backend logic is always
hidden from the user. For example, if a website is using Django, users will not be able to see its backend logic, but only
its frontend logic.
Designing a Beautiful Layout
In this course, we will learn how to design beautiful layouts. To start with, we will view the source code of a website by
clicking the right button and selecting "view page source." We can then copy and paste this code into a notepad.
However, keep in mind that the website may not look exactly the same as the original website since some styles may be
used through server roots.
You just simply have to open it and then you have to install it, it's as simple as that. Now I want to tell you a few things.
While installing it, you must check some options. You can create a new file by clicking here and create a folder by
clicking here. And after that, you must install an extension which is "live server". VSCode is the lightweight open source
text editor of our choice. You can write HTML even in Notepad, but text editors just make these things easier. We'll
show you how VSCode facilitates in great web development. To zoom it, press ctrl '' and scroll my scroll wheel. To
change the font size, you have to press a lot of keys. To use all these features and to set the keyboard shortcuts, we
use VSCode. Every website is made up of HTML and we start building a website by creating a file named index.html.
This is the point from where your website starts to be visible. We'll learn about web page structure, what is a basic web
page structure. Let's move to chapter1 where we'll create our first website.
We just want to generate an HTML page. We want to open that in a live server because we want to see how our page
will look in our server. If I don't type "index.html" in my URL bar, I'll still get the same page, but if my page wasn't named
"index.html," I won't be able to see anything after changing its name.
The head of an HTML page is the metadata of the page. Metadata means the data about the data. Meta set means the
encoding of this page is "utf8" and view port is used to change the initial scale.
The body contains all the tags which you'll see on this web page. A tag is the container for the content or for the more
HTML tags. A tag can contain more tag or directly a content just like "h1" and the paragraph.
