Friday, February 23, 2018

Audio and video tag in html

Audio and video tag in html

Audio :
To adding a audio or video file we need to add audio or video tag in html file.


Audio Tag syntax:

<audio>
                            <source src=""></source>
</audio>
 in html5 we need to write another tag in audio tag which is called source tag.In source tag we use src attribute to add audio file.

code example:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <audio>
        <source src=""></source>
    </audio>
</body>
</html>

 but when we run it on browser we see blank window for.Because, we doesn't call audio control player yet. For that we need to add controls attribute in audio tag.

like,
<audio controls>
                            <source src=""></source>
                   </audio> 


code example:

 
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <audio controls>
        <source src="audio.mp3"></source>
    </audio>
</body>
</html>


 Video tag:
video tag are same just replace audio tag by video tag

syntax:   
<video controls>
                            <source src="video.mp4"></source>
                   </video> 


Tag: Audio and video tag in HTML,HTML,web design


Background Image in HTML

Add Background Image In HTML

 

adding background image in html we have to add "background"  attribute in body tag.

like

<body background="image.jpg">

example : 
  
<html>
       <head></head>
       <body background="image.jpg">
           
       </body>
</html> 

output: 

 

  Tag: Audio and video tag in html

Monday, February 19, 2018

In-line & block Element in html

In-line & block Element in HTML


 Block Element list:



Inline Element list:

Tag:In-line & block Element list in html,html5




Thursday, February 15, 2018

HTML Table Exceise -2

Try this table in HTML coding

 


 



 


Tag:  html css, html & css, Web Design ,html table


Wednesday, February 14, 2018

HTML Table Exceise

HTML Table 


Try those table

Table HTML



Code :

<!DOCTYPE html>
<html>
    <head>
    <title>my first page</title>
    </head>
    <body>

<table border="1" width="700" height="600">
<tr>
<td colspan="6"></td>
<td ></td>
<td colspan="2" rowspan="5" width="75"></td>
</tr>

<tr>
<td colspan="2" width="75"></td>
<td rowspan="4" width="50"></td>
<td colspan="3"></td>
<td width="35"></td>
</tr>

<tr>
<td colspan="2" rowspan="4"></td>
<td colspan="3" rowspan="3" width="150"></td>
<td rowspan="3"></td>
</tr>

<tr>

</tr>

<tr>

</tr>

<tr>
<td colspan="5"></td>
<td colspan="2"></td>
</tr>

<tr>
<td colspan="2"></td>
<td></td>
<td colspan="6"></td>
</tr>
</table>
    </body>
</html>

Tag:  html css, html & css, Web Design ,html table

Saturday, February 3, 2018

HTML Code Structure

HTML Code Structure 


Structure Code of Html page which is used every single page for design.

<!DOCTYPE html>
<html>
       <head>
              <title></title>
       </head>
       <body>

       </body>
</html>


<html> tag: HTML tag indicates that this web page written in HTML.

<head> tag: The head element contains title and meta data of a web document.Also contains 

information about a website.

<title>  tag: Contains website title.

<body> tag: The body element contains the information that you want to display on a web page.

e.g. contain the content of web page.

</html> tag:  mark the end of a webpage.


Example:  


Output:




Tag: html,web design,html structure

Freelancing Website

Top online Earning or Freelancing Website 1. https://creativemarket.com/                 Graphics and Photography Related Site ...