HTML5 Introduction 2020 - TechSanjeet
What is HTML5?
HTML stands for HyperText Markup Language, it is easy and fun to learn.HTML describes the structure of web pages.
HTML5 is the fifth and current major version of the HTML standard.
Why learn HTML5?
It is essential to learn HTML if you want to build web sites, you can't build one if you don't know HTML because it's one of the prerequisites in learning other languages used for web development.
 |
| HTML5 INTRODUCTION |
Try it Yourself
For you to learn faster and see how our examples would actually look like similarly on a real browser we have implemented a simple Try it Yourself Editor with syntax highlighting where you can play and experiment with the example codes given.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Hello World! </title>
</head>
<body>
<h1> This is a heading </h1>
<p> This is a paragraph. </p>
</body>
</html>
<html>
<head>
<title> Hello World! </title>
</head>
<body>
<h1> This is a heading </h1>
<p> This is a paragraph. </p>
</body>
</html>
<!DOCTYPE HTML>
<HTML>
<head>
<title> Hello World! </title>
</head>
<body>
<h1> This is a heading </h1>
<p> This is a paragraph. </p>
</body>
</html>
Output:
This is a heading
This is a paragraph
Example Explained
1 !DOCTYPE html> : this declares the document type which is HTML5
2 <html>: this element encloses everything inside of an HTML document; it includes tags, elements, style sheets, scripts, text, multimedia and a lot more
3 <head>: this element encloses the metadata of a document which will not be displayed on the main content of a web page; this could include style sheets, scripts, <title>, <meta> tags and a lot more
4 <title>: this element defines the title of a web page; it appears on the upper part of a
browser
5 <body>: this element encloses elements like <h1>, <p>, simg>, <b>, <i> and a lot more
.<h1>:this element defines a heading
.<p>:this element defines a paragraph
HTML Tags
HTML Tags are element names surrounded by angle brackets.
In HTML we start and end tags. Look at the example below.
<p> Hello, welcome to Learn HTML. </p>
TRY IT YOURSELF CODE
<!DOCTYPE html>
<html>
<head>
<title> Try It Yourself </title>
</head>
<body>
<p> Hello, welcome to Learn HTML. </p>
</body>
</html>
Start Tag and End Tag.
1 Start tag-also called 'opening a tag".Example: <p>
2 End tag- also called "'ending a tag".
Example: </p>
This is the basic structure of an HTML page. Memorize them!
<! DOCTYPE html>
<html
<head>
<title> The Title </title>
</head>
<body>
</body>
</html>
Where can I edit/create HTML files?
In a text editor! Creating HTML files is free you don't need to download expensive
applications to do so.
Look at the list below for some free apps you could use to edit HTML files.
Look at the list below for some free apps you could use to edit HTML files.
- Notepad
- Notepad++
- TextEdit
- Sublime Text Editor
- VIM
- ATOM
- Visual Studio Code
- Brackets
- Quoda.apk
- QuickEdit.apk
- DroidEdit.apk
- HTML Editor.apk
- Dcoder.apk
This app! We have a micro code-editor with syntax highlighting and can save and open HTML Files.
Those are the most commonly used text editors for creating HTML files.
You can download any application you want.
Just save the file as "filename.html" it will an HTML file that can be previewed on any browser.
No comments
If You Have any doubts, Please let me know