HTML(create your own website)
We have always a question in our mind that how to create a Website ? So I'm here to teach you some how on HTML.
What is HTML ? What is features of Html? Why learn HTML ? Discuss the advantages and disadvantages of HTML?
Ans : HTML Stands for Hyper Text Markup language.
→ it is used to design webpage using a markup Language
→ HTML is combination of hypertext and markup language
-> A markup language is used to define the text document within tag which define the structure of webpage.
→ Markup language is used to browse to manipulate text, image and other content. in order to display it in the required format.
→ Hitmal was created by Tim Benerely an 1991
-> First version was 1.0 and 2nd version was 2.0 published in 1999.
Features of HTML :
→ It is easy to learn and easy to use. →it is platform independent.
→ Image a video & audio can be added to webpage.
→ Hypertext can be added to the text. →it is a markup language.
* Why learn HTML :
→ it is a simple markup language easy to use
It is used to create a Website
→ Helps in developing fundamentals about web programming.
→ Boost Professional carrer.
* Advantages -
→ HTML is used to build website. of is supported by all browser.
→ It can be integrated with other language.
like css, javascript, php.
*Disadvantages → HTML can create a static webpage. For dynamic webpage other language have to be
→ A large amount of code have to be written to create a simple webpage.
Some basic examples as below,.
1. <html>
<body>
<p>I am normal</p> <p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:36px;">I am big</p>
</body>
</html>
2. <html>
<body>
<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body>
</html>
3. <!DOCTYPE html heading >
<html>
<body>
<h1>This is heading 1</h1> <h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4> <h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
4. <html> <body>
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
</body>
</html>
6. <!DOCTYPE html>
<html> <body>
<p>I am normal</p>
<p style="color:red;">I am red</p> <p style="color:blue;">I am blue</p> <p style="font-size:36px;">I am big</p>
</body>
</html>
7. <html>
<bg color="green" text="red""> <h1>This is a heading</h1>
<p>This is a paragraph.</p>
<h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p> <h1 style="font-size:300%;">This is a heading</h1> <p style="font-size: 160%;">This is a paragraph.</p> <h1 style="text-align:center;">Centered Heading</h1> <p style="text-align:center;">Centered paragraph.</p>
</body> </html>
8. <html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
th, td {
padding: 15px;
</style>
</head>
<body>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
<tr>
<td>Eve</td>
<td>Jac </td>
<td>94</td>
</tr> <tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</table>
<p>Try to change the padding to 5px.</p>
</body>
</html>
9.
<nav>
<header>
<h1>City Gallery</h1> </header>
</style> </head>
<body>
<div class="container">
article {
nav ul a {
text-decoration: none;
}
margin-left: 170px;
overflow: hidden;
}
border-left: 1px solid gray; padding: 1em;
list-style-type: none; padding: 0;
}
margin: 0; padding: 1em;
nav ul {
max-width: 160px;
text-align: center;
}
nav {
float: left;
padding: 1em;
color: white;
background-color: black;
clear: left;
}
header, footer {
<head>
width: 100%;
border: 1px solid gray;
<style> div .container {
<!DOCTYPE html> <html>
<li><a href="#">London</a></li>
<li><a href="#">Paris</a></li> <li><a href="#">Tokyo</a></li>
</ul>
</nav>
<article>
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p> </article>
<footer> your website name</footer>
</div>
</body>
</html>
These are some basic information about HTML
Look what information i type and what I got,
Next we will discuss about HTML FORM making
See you soon