Introduction of HTML

Learn HTML, it is a markup language which is used for creating Web Pages. HTML stands for Hyper Text Markup Language. It was developed by Tim Berners-Lee in 1991. It is the official language of World Wide Web for developing web pages. It is descendant of SGML i.e., standard generalized markup language. It is used to define the structure of the web page.

In HTML, one can create web pages using the collection of tags HTML tags are surrounded by angular bracket(< >). The extension of the HTML file is .htm or html.

Types of tags

1. Container tag

2. Empty tag

Container tag

It has both starting and ending tag

Example

<b></b>

Empty Tag

It has only starting tag.

Example

Basic Structure of HTML

<html>

<head>

<title>

My first page

</title>

</head>

<body>

Hello

</body>

</html>

Definition of Basic Structure Tags

<HTML></HTML>	<HTML> tells the browser, that from here html’s coding has started. It is a container tag. </html> tells the browser that html document has been finished.
<head></head>	It displays the header of the document.
<title></title>	It displays the title of the web page. It is used inside the <head> </head> tag.
<body></body>	It defines the document body. It displays text, images, tables, list, hyperlinks , forms etc. in it.

Software Requirement for Creating Web Pages

Notepad
Any browser like Mozilla Firefox, Internet Explorer, Google Chrome etc.

Table in HTML

Table is used to store data in the form of rows and columns.<Table> </Table > tag is used for creating the table. Tags used for creating the table is as follows Tags Description <table></table> <tr></tr> It defines the table row. <th></th> It defines the table heading. <td></td> It defines the table data. <caption></caption> It defines the caption of the table. Attributes of the <table></table> tag. Attributes Value Description Bgcolor Color name Changes the background color of the table. Background Path of the image Applies the image as the background. Border Value (eg. 1,2,10) It is used to apply the border thickness of the table. BorderColor Color name It changes the color of the table bord...

Linking in html

Linking is used for linking the web page with the another web page. One can create linking with <a> </a> tag. It is also called anchor tag. One can create linking with the text, linking with the image. The attribute of <a></a> href="path" target="frame name" or _top or _blank or _self or _parent Linking with the Text One can create linking with the text. Example of it is given below Example <html> <head> <title> linking with text </title> </head> <body> <a href="file:///C:/Program%20Files/Java/jre1.8.0_31/Welcome.html">click here</a> </body> </html> The output of the above code is Linking with Image Now, one can also create linking with the image. Example <html> <head> <title> linking with image </title> </head> <body> <a href="file:///C:/Program%20Files/Java/jre1.8.0_31/Wel...

HTML FRAMES - HTML Frames Example with Output

Post Updated :16-02-2018 HTML Frames is used to display more than one file. It is used to divides the browser window into different parts or sections i.e. row-wise or column-wise or row and column-wise . Each section can display HTML files.To create a frame two tags are used they are <frameset> and <frame> tag. Attributes of <frameset> tag 1. Cols=value is % or pixels 2. Rows= values in % or pixels Attributes of <frame> tag 1. Src= "path" 2. Name="name of the frame" 3. Border= value in pixels 4. Noresize 5. Scrolling="true" or "false" 6. Marginwidth=value in % or pixels 7. Marginheight=value in % or pixels If I want to divide the browser into two columns. The following example will be used to divide the window into 2 section. In the example given below we are using to divide the browser into equal sections i.e. 50% each. HTML Frames Example with Output Simple example of two- framed page ...

Learn HTML CSS Online

Search This Blog