HTML

  • HTML stands for Hyper Text Markup Language
  • HTML describes the structure of Web pages using markup
  • HTML elements are the building blocks of HTML pages
  • HTML elements are represented by tags
  • HTML tags label pieces of content such as “heading”, “paragraph”, “table”, and so on
  • Browsers do not display the HTML tags, but use them to render the content of the page
  • The  <!DOCTYPE html>  declaration defines this document to be HTML5
  • The  <html>  element is the root element of an HTML page
  • The  <head>  element contains meta information about the document
  • The  <title>  element specifies a title for the document
  • The  <body>  element contains the visible page content
  • The  <h1>  element defines a large heading
  • The  <p>  element defines a paragraph


 

HTML Tags

HTML tags are element names surrounded by angle brackets:

 


 

HTML Table

 

 

HTML Table Tag

  • Table tag syntax : <table>      </table>
  • Table rows defines : <tr>
  • Table cell defines : <td>
  • Table header defines : <th>

 

HTML Table Border

  • Table boarder : <table border="1">

 

HTML Table Alignment

 

  • Table alignment syntax : <table align="left|right|center">
    • center  – Center align table
    • left  – Left align tableTable alignment attribute values
    • right  – Right alien table
  • Table alignment example : <table align="right">

 

HTML Table Text Alignment

  • Table alignment syntax : <td align="left|right|center|justify|char">
  • Table alignment attribute values
    • left  – Left align content
    • center  – Center align content
    • right  – Right alien content
    • justify  – Stretches the lines so that each line has equal width (like in newspapers and magazines)
    • char  – Aligns the content to a specific character
  • Table alignment example : <td align="right">ArunEowrld</td>

 

HTML Table Background Color

  • Syntax bgcolor="#00FF00

 

HTML Table Example

  • Table Border : Enable/Disable
  • Table alignment :  center/right/left

Output

 


HTML Layout

 

Questions

  • How To Create a Three Column Layout?

HTML IMAGE

HTML <img>

  • Syntax : <img>

 

HTML <img> hspace Attribute

  • You can make horizontal space between two image using hspace attribute.
  • Add this hspace="20"

Example

Result


HTML <img> vspace Attribute

  • You can make vertical space between two image using hspace attribute :  vspace="20"

 

Example

 

Result

 

 


 

HTML <img> border Attribute

  • Add a border of your image using this attribute
  • syntax : <img border="pixels">
  • CSS syntax : <img style="border:5px solid black">
  • Examples :  border="5"

HTML <img> Rounded Images

  • Use the border-radius  property to create rounded images:

Before

After

 


iframe

Embed another web site into another ?

  • Use iframe to embed to another site into site page or post.

 


HTML Online Editor Tool

 

if you have any queries call us +918300026060 or WhatsApp Dismiss

0

Your Cart

%d bloggers like this: