HTML MADE EASY
Learn HTML and make your own website
Learn for free and be the one to become an expert in the field of web developement.
Search This Blog
Monday, November 21, 2016
Thursday, July 23, 2015
Uh!! One More List
DL is an one more list in HTML.
DL- Description Lists
"A description lists is a list of terms, with a description of each term"
So, to start the description list use <dl> tag and then write
the term which you want to describe by opening the tag <dt>
and after that define it by using <dd> tag.
Remember:
<dl> : for starting the description list
<dt> : to specify the term
<dd> :definition or the decription of the term.
DL- Description Lists
"A description lists is a list of terms, with a description of each term"
So, to start the description list use <dl> tag and then write
the term which you want to describe by opening the tag <dt>
and after that define it by using <dd> tag.
Remember:
<dl> : for starting the description list
<dt> : to specify the term
<dd> :definition or the decription of the term.
Friday, July 17, 2015
Making HTML Lists!!
How's going on with you guys?
I hope you enjoyed previous posts and learned something very basic about HTML.
In this post we are gonna keep learning like that, and the topic is HTML Lists.
We Need Lists to make things in order, it's easily readable and we can find things pretty fast.
So there are mostly two types of lists used in HTML
1. Ordered list and 2. Un-ordered Lists
Well the name itself says that the ordered lists are with the order
of like : 1, 2, 3... or A, B, C or roman numbers
Whereas the unordered lists are lists without any counting or order like : Bullet points we use to make lists or some another symbols.
Examples :
<!-- We can set the type of the lists by default it is numbers in ol >
<h3>Good Movies
<ol>
<li>Rush</li>
<li>The Theory of Everything</li>
<li>Iron Man</li>
</ol>
Ordered lists can be useful when we are giving the steps for any processs.
Whereas in the lists where numbering doesn't even matter we can use un-ordered lists.
<h3>Simple lits</h3>
<ul>
<li>Ask Question to yourself</li>
<li>Think about it</li>
<li>Answer It</li>
</ul>
I hope you enjoyed previous posts and learned something very basic about HTML.
In this post we are gonna keep learning like that, and the topic is HTML Lists.
We Need Lists to make things in order, it's easily readable and we can find things pretty fast.
So there are mostly two types of lists used in HTML
1. Ordered list and 2. Un-ordered Lists
Well the name itself says that the ordered lists are with the order
of like : 1, 2, 3... or A, B, C or roman numbers
Whereas the unordered lists are lists without any counting or order like : Bullet points we use to make lists or some another symbols.
Examples :
<!-- We can set the type of the lists by default it is numbers in ol >
<h3>Good Movies
<ol>
<li>Rush</li>
<li>The Theory of Everything</li>
<li>Iron Man</li>
</ol>
Ordered lists can be useful when we are giving the steps for any processs.
Whereas in the lists where numbering doesn't even matter we can use un-ordered lists.
<h3>Simple lits</h3>
<ul>
<li>Ask Question to yourself</li>
<li>Think about it</li>
<li>Answer It</li>
</ul>
Also we can change the type attribute for the lists.
There is one more variable called start which gives us the option that from where we are gonna start the counting or a series of alphabets.
Example:
<ol type="a" start="b">
Will create a list with alphabets(small) and it will start with "b".
Same we can do with <ul> to change the type of the figure we are using
Example:
<ul type="disc">
or type can be a circle or default.
Thanks for reading.
And Keep reading.
Monday, July 13, 2015
Making Tables
In this post I will tell how to make tables. Tables is the Object which has rows and columns like a matrix or an arrangement of a class, students are sitting in rows and columns.
In HTML tables are defined with <table> tag, for rows we have tag <tr> and for putting data into these rows like we are doing entries horizontally we have a tag called <td>.
We can easily understand that <tr> means table row and <td> means table data.
For making a table just start with the <table> tag and make rows with the following data then close the tag.
Example:
<table>
<!--Let this be header row-->
<tr>
<td>Name</td>
<td>Age</td>
<td>And what do you do?</td>
</tr>
<tr>
<td>Bharat</td>
<td>19</td>
<td>Blogging</td>
</tr>
</table>
Is it really simple Try Yourself.
Keep Going.
Viel Spaß
Have Fun!!
In HTML tables are defined with <table> tag, for rows we have tag <tr> and for putting data into these rows like we are doing entries horizontally we have a tag called <td>.
We can easily understand that <tr> means table row and <td> means table data.
For making a table just start with the <table> tag and make rows with the following data then close the tag.
Example:
<table>
<!--Let this be header row-->
<tr>
<td>Name</td>
<td>Age</td>
<td>And what do you do?</td>
</tr>
<tr>
<td>Bharat</td>
<td>19</td>
<td>Blogging</td>
</tr>
</table>
Is it really simple Try Yourself.
Keep Going.
Viel Spaß
Have Fun!!
Ready for the Next.
Thursday, July 9, 2015
Making Links
Hello Guys in this post you gonna learn that How to add links in your webpage ?
so first thing we want to know is on HTML links are denoted by a where a means -anchor http://www.w3schools.com/html/html_links.asp
so write a simple html document and use anchor like this
Some_text
where href is the target link.
For ex: on some websites you have links like Click Here
which are generally in blue are links which are taking you to different places on the web, either from one webpage to another or into a webpage.
#Sample Program
<a href='http://htmlforu.blogspot.in'>Click Here Now!</a>
so first thing we want to know is on HTML links are denoted by a where a means -anchor http://www.w3schools.com/html/html_links.asp
so write a simple html document and use anchor like this
Some_text
where href is the target link.
For ex: on some websites you have links like Click Here
which are generally in blue are links which are taking you to different places on the web, either from one webpage to another or into a webpage.
#Sample Program
<a href='http://htmlforu.blogspot.in'>Click Here Now!</a>
Let's the Music Play!
Lets learn how to play an audio file by html. HTML5 gives us controls to play audio and video files in a browser.
There are two basic elements for playing an audio and a video file.
First is controls and the second is source
Controls can define different controls for audio and video.
While source takes the address of the file.
Here's the Sample Code:
<audio controls>
<source src='audio.ogg' type='audio/ogg'>
</audio>
There are three supported file types in html 5 ogg, wav and mp3
If the audio file and the html file are in the same folder then no need to give full path,
else give the full path for the audio file.
That's It.
Keep Playing.
Learn some new tricks in next coming posts.
There are two basic elements for playing an audio and a video file.
First is controls and the second is source
Controls can define different controls for audio and video.
While source takes the address of the file.
Here's the Sample Code:
<audio controls>
<source src='audio.ogg' type='audio/ogg'>
</audio>
There are three supported file types in html 5 ogg, wav and mp3
If the audio file and the html file are in the same folder then no need to give full path,
else give the full path for the audio file.
That's It.
Keep Playing.
Learn some new tricks in next coming posts.
Tuesday, November 11, 2014
Adding image
Hey! In this post you will learn about how to insert a pretty image in your HTML webpage
Here comes the Trickk
Use <img> tag to adding image to your webpage and use "src " keyword to give address URL.
URL is nothing but the path where your image is stored.
<img src="image.gif" alt="" border="1">
Where alt and border are optional keywords to give extra effects to the properties of the image you are inserting.
Try IT!!
Then i will Tell you about more Image Attributes and style keyword.
ANY Doubts HIT comment box.
Here comes the Trickk
Use <img> tag to adding image to your webpage and use "src " keyword to give address URL.
URL is nothing but the path where your image is stored.
<img src="image.gif" alt="" border="1">
Where alt and border are optional keywords to give extra effects to the properties of the image you are inserting.
Try IT!!
Then i will Tell you about more Image Attributes and style keyword.
ANY Doubts HIT comment box.
Subscribe to:
Posts (Atom)