In this article you will learn building web pages using html tags, attributes, tables, images, lists, links, forms.
The basic structure of an html page is as shown below.
<html> <head> </head> <body> </body> </html>
Let's discuss the various components of HTML web page
HTML tags are keywords that helps web browser to distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag<>, content and closing tag>. But some HTML tags are unclosed tags.
The opening html tag indicates that anything between it and a closing /html tag is HTML code.
The header related tags e.g. title, description, ccs links etc are included between head and /head tags.
The text that will be visible from the HTML document is between body and /body tags
Anything written between h1 and /h1 tags are a main heading.
Anything written between p and /p tags are a paragraph of text.
Open Notepad. Write the following into it and save it as hello.html and set the encoding to UTF-8. Right click on the hello.html file and open it using any browser. You should see HTML Hello World! displayed on your browser. You should observe that the title appears on the top of the browser.
<html> <head> <title>Writing HTML Hello World</title> </head> <body> <h1> HTML Hello World! </h1> <p>Some Html code </p> </body> </html>
|h1,...,h6||header tags h1 to h6||
|span||No line change after span||Header Tag|
|div||divide between contents on the webpage||
|a||hyperlink used to link from one page to another.||Mbed Technologies|
|center||Move content to center|
|hr||a horizontal line|
|pre||Preserve source code formatting||