saftutorials.com

HTML

How to download HTMl Editors

How to use HTML tags

How to Comment in HTML

How to create an HTML link

How to link to a specific part of a page HTML

How to Insert Images with HTML

How to insert audio in HTML

How to insert videos in HTML

How to use Table Tag in HTML

How to Use HTML List Elements

How to use HTML Iframe

How to use HTML Symbols

How to use HTML Color Codes

How to Create HTML From

How to learn HTML

CSS

How to use CSS Background

JS

PHP

How to redirect to another page using PHP

How to get last inserted id in MySQL using PHP

How to learn php

How to insert a row into database by using PHP

How to fetch data from table by using php

How to print table data by using while loop in php

How to perform search operation into database by using php

MySQL

How to create Table in PHP MySQL?

How to Insert Data Into MySQL Database Table Using PHP?

How to Select Data from MySQL Database Tables Using PHP

How to Update data in MySQL Database Table using PHP

How to Delete Data from MySQL using PHP

How to make MySQL query ORDER BY conditions

How to Select LIMIT data in PHP MySQL

SQL

BOOTSTRAP

AJAX

DATATABLE

SEO

EARNING

GOOGLE

FACEBOOK

YOUTUBE

WordPress

How to Install WordPress?

How to use WordPress Dashboard?

How to Install Plugins in WordPress?

How to Customize WordPress Plugins?

How to Change General Settings in WordPress?

How to Change Writing Settings in WordPress

How to Setup the Reading Settings in WordPress

How to Setup the Discussion Settings in WordPress

How to Setup the Media Settings in WordPress

How to Setup the Permalink Settings in WordPress

How to Setup the Plugin Settings in WordPress

How to Add Categories to WordPress

How to Edit Category in WordPress

How to Delete Category in WordPress

How to Arrange Category in WordPress

How to Add a new Post in WordPress

How to Edit Post in WordPress

How to Delete Post in WordPress

How to Review Post in WordPress

How to add Media in WordPress

How to Edit Media in WordPress

How to add a Page in WordPress

How to Delete Media in WordPress

How to Add Page in WordPress

How to Edit Pages in WordPress

How to Learn WordPress

How to Delete Page in WordPress

How to add New Tag in WordPress

How to Edit Tags in WordPress

How to Delete Tags in WordPress

How to Add Comments in WordPress

How to Edit Comments in WordPress

How to Moderate Comments in WordPress

How to Add User in WordPress

How to Edit User in WordPress

How to Delete User in WordPress

How to Manage WordPress Themes

How to Customize Theme in WordPress

How to learn HTML

HTML is a most popular Web Programming language. It is a mother language for web development. By thisHTML Tutorials, you can learn how to make a website using HTML

The HTML full meaning is Hyper Text Markup Language


If you want to build a website so first learn HTML. If you follow our full HTML tutorials with video tutorials we hope you can learn HTML completely.

Basic Structure of HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Tutorials</title>
</head>
<body>
<h1>HTML Heading</h1> 
<p>HTML Paragraph</p>
</body> 
</html>

Select Code



HTML TAG

What is HTML tag? HTML tag is a hidden command that force to the browser for change his behavior. HTML Tags call into less than sign and greater than sign. Major HTML tags close with slash (/) sign.

How to use HTML Tag?

<tagname>Display text or image </closetag> e.g: <h1>The sample heading tag</h1>


HTML WITH CSS

Many time developers want to use CSS in  HTML tag. In this tutorial, we learn how to use CSS with HTML tag in inline?

Maximum HTML tag support inline CSS style code. You can use all CSS code in inline CSS code, like use in the stylesheet.

How to use CSS in HTML tag?

If you want to use CSS with HTML tag then first write your needed HTML tag e.g: <p></p> then write your CSS code in inline of HTML code. e.g: <p style="color:green;font-size:18px;">Your text here...</p> 

Note: in inline CSS code must be write <tagname style=" here css code here " > </closetagname> format.

Structure of HTML with inline CSS

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Tutorials</title>
</head>
<body>
<h1 style="color:red;">HTML Heading</h1> <!-- with heading -->
<p style="color:green;">HTML Paragraph</p> <!-- with paragraph -->
</body>
</html>

Double Click to Select Code



HTML TEXT FORMATTING

HTML text formatting is an on of the most important job for Web design. Your web how looking it depends on HTML text formatting. Good to know that they are HTML tag

There are have many type text formatting style such as: like 

1) <b> Bold your Text </b>

2) <i> Italic your Text </i>

3) <u> Underline your Text </u>

4) <strong> Bold your Text </strong> 

5) <em> Emphasized (Italic) your Text </em>

6) <del> Deleted your Text </del>

7) <mark> Mark your Text </mark>

8) <ins> Inserted (Underline) your Text </ins>

9) <sub> Subscript your Text  </sub>

10) <sup> Superscript your Text </sup>

11) <big> Big your Text </big>

12) <small> Small your Text </small>



HTML LINKS

What is HTML links or Hyperlinks? When you want to link to another file, page, website, email or image it's call to be HTML links or Hyperlinks. HTML links is  call to HTML Hyperlinks. 

How to use HTML hyperlinks?

HTML hyperlinks use by anchor tag (<a>) and it close (</a>)

Basic Structure of HTML LINKS

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Hyperlink Tutorials</title>
</head>
<body>
<a href="Your link here">Your Display Text or Image</a>
<p>Example</p>
<a href="../index.php">Go to Home</a>   
</body>
</html>



HTML IMAGES

HTML image is a tag which is used for Display image on your website. Its use by <img> tag. This tag not needed for a close tag like </img>. An image is a most important content for a website. 

How to use the image in HTML?

First write image tag <img src="your image source">


Basic Structure of HTML Images
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Image Tutorials</title>
</head>
<body>
<img src="Your image source">
<p>Example</p>
<img src="../uploads/sample.png">
</body>
</html>

Output:


HTML AUDIO TAG

HTML Audio tag use for Audio Content. HTML Audio use by < audio > tag. Its special HTML5 tag for Audio content. Its play your audio on your website. 

Supported file format.

1) MP3,

2) Wav,

3) Ogg.

How to use HTML Audio tag?

First write <audio> tag using this structure <audio control loop autoplay and more attributes> <source src="Your Audio source" type="audio/ogg"></audio>


Basic Structure of HTML Audio
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Audio Tutorials</title>
</head>
<body>
<audio controls>
  <source src="../uploads/sample.ogg" type="audio/ogg">
  <source src="../uploads/sample.mp3" type="audio/mpeg">
  This browser does not support the audio tag.
</audio>
</body>
</html>



HTML VIDEO

HTML Video tag use for Video Content. HTML Video use by <video> tag. Its special HTML5 tag for Video content. Its play your video on your website. 

Supported file format.

1) MP4,

2) WebM,

3) Ogg.

How to use HTML Video tag?

First write <video> tag using this structure:

<video control autoplay and more attributes> <source src="Your Video source" type="video/ogg"></video>


Basic Structure of HTML VIDEO


HTML TABLE

The HTML tables is a tag that catches in his cells user text, images, audio, a video like all content of Web. HTML tables support in cells another HTML Tables. The HTML tables tag are start using the <table> tag then using <tr> tag for generate table rows and <td> tag is generate to data cells. 


Basic Structure of HTML Table

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Table Tutorials</title>
</head>
<body>
<table border="1">
  <tr>
    <td>Lorem ipsum dolor sit amet.</td>
  </tr>
  <tr>
    <td>Lorem ipsum dolor sit amet.</td>
  </tr>
</table>
</body>
</html>



HTML Lists is tag that for Create list item element on Web.  Kinds of HTML List: HTML list two type 1) OL - Order List, 2) UL - Unorder ListHTML List declare by <ol> for Order list and</ol> close tag. And Unorder list declare by <ul> and </ul> for close this tag.

Output for HTML Order List

  1. List Item
  2. List Item
  3. List Item

Output for HTML Unorder List

  • List Item
  • List Item
  • List Item

Basic Structure of HTML Order List

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Lists Tutorials</title>
</head>
<body>
<ol>
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
</ol>
</body>
</html>



Learn more HTML Tutorial click here


Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic