Introduction to HTML

Goal

  • âš¡ Learn basics of HTML.

What is HTML ?

From wikipedia...

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

https://en.wikipedia.org/wiki/HTML

What is web browser?

Web browser is something like below... Web-browser-screenshot Image from: https://digitalesklassenzimmer.files.wordpress.com/2015/08/webbrowser.png

Preparation

Let's make folder udemy-complete-web-dev in Desktop.

In terminal

cd ~/Desktop
mkdir udemy-complete-web-dev # make directory
cd udemy-complete-web-dev # change directory
code . # open project in VS Code

Make html-test folder

Please make html-test folder. This is a folder for HTML section.

make-html-test-folder

Make html file

Make test1.html inside html-test folder.

Make html boilerplate by using VS code auto completion.

I will explain the meaning of this code in the next step.

html-test/test1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
Hello World!
</body>
</html>

Open this html file in chrome web browser.

open-first-html

Finish!

Did you notice that we have achieved the definition of HTML?

"Display documents in a web browser"

In the next step, we will be learning the meaning of test1.html code.

Edit this page