What is HTML
Hyper Text Markup Language
Not a programing language
Markup Language for creating web pages/ documents
Building blocks of web
What we need to create an HTML file
Does not need a server
Files must end with a .html extension
Runs in a web browser (Chrome, Firefox, etc)
Index.html is the root/home page of a website
Loads the index.html file
https://www.esenceweb.com/about
Loads the about.php file
Tag Syntax
content element name surrounded by angle brackets
About Us
Normally comes in pairsThis is a paragraph
The end tag is usually the same but with a forward slash
(self-closing)Some tags close themselves
(fine in HTML5)
HTML page structure
Page structure HTML
<>
What is DOCTYPE
-Explains what type of document the page is
-HTML 4, HTML5, XHTML, etc
-DOCTYPE declaration defines this document as a type of HTML5.
What is <html>
html is a root element of HTML page
What is <head>
head element contains meta-information about the page like page title, description, external links, etc
What is <title>
title element specifies a title for the page/document.
What is <body>
body element contains the visible page content.
What is <h1>
H1 is a large heading
What is <p>
P element defines a paragraph
Inline.Vs Block Level Elements
Inline elements:
About Us
-Provide information about an element
A semantic element clearly describes its meaning to both the browser and the developer.
Semantic elements are also used to create a structured layout of HTML pages.
0 Replies to “Basics Of Html5 & Css3, Tips & Tricks”
Leave a Reply
Your email address will not be published.