HTML(create your own website)

0 19
Avatar for OmicronSneha
2 years ago

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

1
$ 0.00
Sponsors of OmicronSneha
empty
empty
empty
Avatar for OmicronSneha
2 years ago

Comments