Poverty is the mother of crime.
— Marcus Aurelius
HTML stands for Hyper Text Mark Up Language. With the help of html we can create website and html build the structure of website. This language is easy to learn and enjoyable. In this language we have tags and attributes. Further more, CSS which stands for Cascading Style Sheet which is used to give design to website and for functionalities we used JavaScript which is a programming language. But in this blog we only cover some basic concepts of HTML.
Tim Berners-Lee who developed this language in 1990.
There are many tools or we can say editors to write html code. But for beginner I would like to recommend Notepad for practice. Now, the professional html editors are as follows:
The current version of HTML is 5.0 which is common now a days.
<!DOCTYPE html>
<html>
<head>
<title> My First Website</title>
</head>
<body>
</body>
</html>
This describe the version 5.0.
<html> This is open tag.
</html> this is close tag
Head is the container.
Title tag is used to give the name of your website. As I give in basic structure. This tag is used after the head tag.
Body tag is used to describe the body of document. In this tag we can write paragraph, heading, video, audio etc tags.
There are six headings in HTML, which are as follows:
H1 is big heading and small heading is h6 in html.
HTML is not a sensitive language.
Paragraph tag is used to write paragraph in website.
Example:
<p> My name is Daniyal Riaz and my favorite language is html</p>
Mark tag is used to highlight the word. But we mostly used this tag in paragraph. When we want to highlight special text.
Example:
<p> My name is Daniyal Riaz and my favorite language is <mark> HTML</mark></p>
I am just sharing a short concept of CSS here with body tag.
<body style = “background-color: Yellow;”> style is used in CSS and this code gives your website yellow background color.
Big tag is used to increase size of word and this tag is also used in paragraph tag.
Example:
<p> My name is <big> Daniyal Riaz</big></p>
Small tag is used to decrease the size of word, <small></small>
There are two types of list in html which are as follows:
Ordered list is used to list your items in order. For this we have to use <ol> tag then list tag <li>
Example:
<ol>
<li> Patient Name</li>
<li> Patient Age</li>
</ol>
UnOrdered list is used to list your items in unorder.
Example:
<ul>
<li> HTML</li>
<li> CSS</li>
<li> JavaScript</li>
<li> Python</li>
</ul>
Comments are common specially in programming languages when we write program. In programming languages we have two types of comment which are as follows: After this I will share the official comment tag of html.
Comments are used to describe the code and also used to hide the code. It’s a best professional practice so the people can easily understand the code. Official comment tag in html is as follows:
<!– Hey Buddy –>
Example:
<!–
<p> My name is Daniyal Riaz and my favorite language is HTML</p>
–>
Note:
More basic concepts will come
Daniyal's blog