Wednesday, March 21, 2018
Saturday, March 10, 2018
Table attribute - HTML
Table attribute - HTML
Attribute list needs to create a table are given below :
1. width
2. height
3. border
4. rowspan
5. collspan
we saw the border effect in previous Part.
Example :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>
<body>
<table border="1" width="300" height="250">
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
<tr>
<td>Row 2 col 1</td>
<td>Row 2 col 2</td>
<td>Row 2 col 3</td>
</tr>
<tr>
<td>Row 3 col 1</td>
<td>Row 3 col 2</td>
<td>Row 3 col 3</td>
</tr>
</table>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>
<body>
<table border="1" width="300" height="250">
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
<tr>
<td>Row 2 col 1</td>
<td>Row 2 col 2</td>
<td>Row 2 col 3</td>
</tr>
<tr>
<td>Row 3 col 1</td>
<td>Row 3 col 2</td>
<td>Row 3 col 3</td>
</tr>
</table>
</body>
</html>
Output:
<caption> tag used for making a heading of a table and <caption> write next to the <table> (opening tag) tag like:
<table>
<caption>Heading</caption>
<tr>
<td>Row 1 Col 1</td>
</tr>
<tr>
<td>Row 1 Col 1</td>
</tr>
</table>
If we use the <caption> tag in the code is given above, then the output is :
Tag: Table attribute - HTML, width, height, border,attribute ,caption , HTML.
Friday, March 9, 2018
Table Create In html
Table Create In html
Tags are given below those are use to create table in html.
|
Tag
|
Description
|
<table> |
Use to Defines a table
|
<th> |
Use to Defines a header cell in a
table
|
<tr> |
Use to Defines a row in a table
|
<td> |
Use to Defines a cell in a table
|
<caption> |
Use to Defines a table caption
|
<thead> |
Use to Groups the header content
in a table
|
<tbody> |
Use to Groups the body content in
a table
|
<tfoot> |
Use to Groups the footer content
in a table
|
Example:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>
<body>
<table>
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
<tr>
<td>Row 2 col 1</td>
<td>Row 2 col 2</td>
<td>Row 2 col 3</td>
</tr>
<tr>
<td>Row 3 col 1</td>
<td>Row 3 col 2</td>
<td>Row 3 col 3</td>
</tr>
</table>
</body>
</html>
Output:
<table border="1">
| Output: |
Note: for create a table first define <table> tag the use <tr> tag to make row in the table.Then use <td> in <tr> tag to divide row in the column. |
|||||||||||||||||||||||||||||||
Tag: Table Create In html,<table> tag, <tr> tag, <td> tag. |
|||||||||||||||||||||||||||||||
Thursday, March 8, 2018
Text Formatting in HTML
Text Formatting in HTML
Today we learn some tag those are use to formatting text.Formatting
elements were designed to display special types of text:
1.<b> - Bold
text
example: output:
2.<strong> -
Important text
example: output:
<b> & <strong> are like same.
3.<i> - Italic
text
example: output:
4.<em> -
Emphasized text
5.<mark> -
Marked text
6.<small> -
Small text
7.<del> -
Deleted text
8.<ins> -
Inserted text
9.<sub> -
Subscript text
10.<sup> -
Superscript text
Tag: Text Formatting in HTML
Wednesday, March 7, 2018
Audio and Video Tag in html Part-2
Audio and Video Tag with attribute
Audio And Video Tag attribute list given below:
1.autoplay
2.src
3.controls
4.loop
5.muted
6.poster(only for video tag)
In Part-1, we learn the use of controls and src attribute.Today do try others
<audio controls autoplay>
<source src="audio.mp3"></source>
</audio>
<source src="audio.mp3"></source>
</audio>
if we use autoplay in audio tag,the audio file automatic play after page loading .
<audio controls autoplay loop>
<source src="audio.mp3"></source>
</audio>
<source src="audio.mp3"></source>
</audio>
if we use loop attribute in audio tag,the audio file automatic repeat again when it finish.
<audio controls autoplay loop muted>
<source src="audio.mp3"></source>
</audio>
<source src="audio.mp3"></source>
</audio>
muted is use for no sound.
autoplay, loop, and muted are same as in video tag.
only poster is different. it's use to make a cover or poster of a video like we see in youtube videos.
<video controls poster="html5.gif">
<source src="movie.mp4" type="video/mp4">
</video>
Tag: audio and video tags with attribute, html
Thursday, March 1, 2018
youtube channel of this blog
YouTube Channel
YouTube channel link below :
Future you will see video tutorial on this channel
Channel Name : Online School
Tag: Online School,YouTube Channel,
Subscribe to:
Posts (Atom)
-
Try this table in HTML coding Tag: html css, html & css, Web Design ,html table -
Key Board Layout For bangla typing Tag: Key Board Layout For bangla typing ,Microsoft word, Bnagla type, Bijoy keyboard layout