Hi welcome again My Blog,
In this session we will see how to learn easily HTML in one hour....
Ok Lets come....
HTML: Hyper Text Markup Language
In before we know about How to working principles in HTML? Simple Lets see below Fig:1
Ok friends... the above all HTML Elements we will see briefly in next lession..
If you like this lession pls comments please!
In this session we will see how to learn easily HTML in one hour....
Ok Lets come....
HTML: Hyper Text Markup Language
In before we know about How to working principles in HTML? Simple Lets see below Fig:1
The basic's are If you give a request to a server, The server response your Request.Hyper Text Markup Language is the main markup language for displaying webpage and other information that can be displayed in a webpage.
- A Markup Language is a set markup Tags.
- The tag's describe document content.
- HTML Documents contains HTML tags and plain texts and Images and Audio videos files.
- HTML Documents are also called "Webpages".
- HTML Documents file extension is '.html'.
HTML: Page structure
HTML page structure classified in three types
- Page -----> <HTML></HTML>
- Header-----> <HEAD></HEAD>
- Body -----> <BODY></BODY>
HTML: Tags
HTML markup tags also called HTML tags. HTML tags are keywords surrounded by angle brackets like<HTML>. Normally HTML tags come's in pairs <HTML></HTML>,<HEAD></HEAD>,..etc
Starting tags and ending tags are also called same name.
HTML: Elements
HTML Elements are HTML pre defined tags. HTML tags and HTML Elements are often used to same thing. It must be closed an ending tags. A lot of HTML Pre defined tags available. This tags are used to make webpages. The tags are will see below section.
What is HTML Elements and Attributes?
HTML Elements: Its defined by HTML Elements like <h1>,<p>,<b>,<u>,<i>,... etc
HTML Atrributes: Its a additional information of HTML Elements
Example:
<p align="center">
<p> is HTML Elements.
align is additional information of <p>.
Note: Generally attributes are comes with double quotes(" ").
What is HTML Elements?
HTML Elements: Its defined by HTML Elements like <h1>,<p>,<b>,<u>,<i>,... etc. Given below some important HTML Elemets are described here.
- Heading tags(h1,h2,h3,h4,h5)
- Paragraph tags(p)
- Formatiing tags(b,u,i,strong,kbd,blockquotes etc)
- Link tag(a)
- Image tag(img)
- Table tag(table,tr,td,th)
- Form tag(form)
- Block(div,span)
- Frames(iframe)
Note: Every HTML Elements are come's with angle brackets and pair (ie) Starting tag(< >) and ending tag (</ >). Dont forget it.
Ok Lets start to Create a first HTML Page....
Step1: To open a Notepad
Step2: Start a HTML Syntax,
<HTML>
<HEAD>
<TITLE> My first HTML Page</TITLE>
</HEAD>
<BODY>
<h1>Welcome To My Blog</h1>
<p> This is my First Blogger Website... Thank You accessing my Blog!
</p>
</BODY>
</HTML>
Step3: To save as .html file extension.
Step4: To double click your saved file or To open a any browsers. and file->open-> open your html file
step5: HTML File executed! Out output displayed in your browser window!
Step6: Done!!!.. What you feel now?
Generic Attributes:
In last section we know about what is attributes? Attributes are additional information of HTML Elements. Here a table of some other attributes that are readily usable with many HTML Elements
| ATTRIBUTES | OPTION | DESCRIPTION | EXAMPLES |
| align |
right
left
center
|
Horizontally alignment tags with in HTML Elements |
<p align="center">
<h1 align="right">
<table align="center">
|
| valign |
top
middle
bottom
|
Vertically alignment tags with in HTML Elements |
<td valign="top">
<td valign="bottom">
<td valign="middle">
|
| bgcolor |
Hex Value
RGB Value
String value
|
Places a background color behind an HTML Element |
<table bgcolor="#FFF000">
<table bgcolor="rgb(255,0,0)">
<table bgcolor="pink">
<body bgcolor="#FFF000">
|
| Background | URL | Places a background image behind an HTML Element | <body backgroundr="bg.jpg"> |
| Id | User Defined | Its used for Style purpose | <div id="mystyle"> |
| Class | User Defined | Its used for Style purpose | <div class="mystyle"> |
| Width | Numeric value | Specifies the Width of HTML Element Table,image |
<table width="1000">
<td width="200">
<img src="1.jpg" width="400">
|
| Height | Numeric value | Specifies the Height of HTML Element Table,image |
<table height="1000">
<td height="200">
<img src="1.jpg" height="400">
|
Ok friends... the above all HTML Elements we will see briefly in next lession..
If you like this lession pls comments please!
No comments:
Post a Comment