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 declaration defines this document to be HTML5
  • The element is the root element of an HTML page
  • The element contains meta information about the document
  • The
  • 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 border syntax :

 

  • Table border attribute values\n
      • 1
      • 0 –

    \n

    \n

\n

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

\n

\n\n

\n\n \n\n

HTML Table Alignment

\n\n

\n\n

    \n

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

\n

\n

\n

  • Table alignment example : <table align="right">

\n

\n\n \n\n

HTML Table Text Alignment

\n\n

\n\n

    \n

  • Table alignment syntax : <td align="left|right|center|justify|char">

\n

  • Table alignment attribute values\n
      • \n

      • left  – Left align content

    \n

      • center  – Center align content

    \n

      • right  – Right alien content

    \n

      • justify  – Stretches the lines so that each line has equal width (like in newspapers and magazines)

    \n

      • char  – Aligns the content to a specific character

    \n

    \n

\n

  • Table alignment example : <td align="right">ArunEowrld</td>

\n

\n\n \n\n

HTML Table Background Color

\n\n

    \n

  • Syntax bgcolor="#00FF00

\n

\n\n \n\n \n\n

HTML Table Example

\n\n

    \n

  • Table Border : Enable/Disable

\n

  • Table alignment :  center/right/left

\n

\n\n

\n\n \n\n

Output

\n\n

\n

\n

\nSites\nSocial Media\n

\n

\nwww.ArunEworld.com\nfacebook/ArunEworld\n

\n

\nwww.esp8266iot.blogspot.com\nfacebook/ESP8266InternetOfThings\n

\n

\n

\n\n

Note: The border attribute is not supported in HTML5. Use CSS instead.

\n\n \n\n


\n\n


\n\n

HTML Layout

\n\n

\n\n

Questions

\n\n

    \n

  • How To Create a Three Column Layout?

\n

\n\n \n\n


\n\n


\n\n

HTML IMAGE

\n\n

\n\n

HTML <img>

\n\n

    \n

  • Syntax : <img>

\n

\n\n \n\n


\n\n

HTML <img> hspace Attribute

\n\n

    \n

  • You can make horizontal space between two image using hspace attribute.

\n

  • Add this hspace="20"

\n

\n\n

Example

\n\n

\n\n \n\n

Result

\n\n \n\n\n\n \n\n


\n\n

HTML <img> vspace Attribute

\n\n

    \n

  • You can make vertical space between two image using hspace attribute.

\n

  • Add this vspace="20"

\n

\n\n

Example

\n\n

\n\n \n\n

Result

\n\n

\n\n \n\n \n\n \n\n\n\n

\n\n \n\n \n\n \n\n


\n\n

HTML <img> border Attribute

\n\n

    \n

  • Add a border of your image using this attribute

\n

  • syntax : <img border="pixels">

\n

  • CSS syntax : <img style="border:5px solid black">

\n

  • Examples :  border="5"

\n

\n\n\n\n \n\n \n\n


\n\n


\n\n \n\n ‘, ‘HTML’, ”, ‘draft’, ‘closed’, ‘closed’, ”, ”, ”, ”, ‘2018-04-13 08:11:52’, ‘2018-04-13 02:41:52’, ‘

  • 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

\n

  • The <head> element contains meta information about the document

\n

  • The <title> element specifies a title for the document

\n

  • The <body> element contains the visible page content

\n

  • The <h1> element defines a large heading

\n

  • The <p> element defines a paragraph

\n

\n\n


\n\n\n\n


\n\n

HTML Tags

\nHTML tags are element names surrounded by angle brackets:\n\n \n\n


\n\n\n\n


\n\n

HTML Table

\n

\n\n

HTML Table Tag

\n

    \n

  • Table tag syntax : <table>      </table>

\n

  • Table rows defines : <tr>

\n

  • Table cell defines : <td>

\n

  • Table header defines : <th>

\n

\n \n

HTML Table Border

\n

\n\n

    \n

  • Table border syntax :

\n

  • Table border attribute values\n
      • \n

      • 1 –

    \n

      • 0 –

    \n

    \n

\n

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

\n

\n

\n \n

HTML Table Alignment

\n

\n\n

    \n

  • Table alignment syntax : <table align="left|right|center">

\n

  • Table alignment attribute values\n
      • \n

      • left  – Left align table

    \n

      • center  – Center align table

    \n

      • right  – Right alien table

    \n

    \n

\n

  • Table alignment example : <table align="right">

\n

\n \n

HTML Table Text Alignment

\n

\n\n

    \n

  • Table alignment syntax : <td align="left|right|center|justify|char">

\n

  • Table alignment attribute values\n
      • \n

      • left  – Left align content

    \n

      • center  – Center align content

    \n

      • right  – Right alien content

    \n

      • justify  – Stretches the lines so that each line has equal width (like in newspapers and magazines)

    \n

      • char  – Aligns the content to a specific character

    \n

    \n

\n

  • Table alignment example : <td align="right">ArunEowrld</td>

\n

\n \n

HTML Table Background Color

\n

    \n

  • Syntax bgcolor="#00FF00

\n

\n \n\n \n

HTML Table Example

\n

    \n

  • Table Border : Enable/Disable

\n

  • Table alignment :  center/right/left

\n

\n

\n \n

Output

\n

\n

\n

\nSites\nSocial Media\n

\n

\nwww.ArunEworld.com\nfacebook/ArunEworld\n

\n

\nwww.esp8266iot.blogspot.com\nfacebook/ESP8266InternetOfThings\n

\n

\n

\n

Note: The border attribute is not supported in HTML5. Use CSS instead.

\n \n\n


\n\n\n\n


\n\n

HTML Layout

\n

\n\n

Questions

\n

    \n

  • How To Create a Three Column Layout?

\n

\n \n\n


\n\n\n\n


\n\n

HTML IMAGE

\n

\n\n

HTML <img>

\n

    \n

  • Syntax : <img>

\n

\n \n\n


\n\n

HTML <img> hspace Attribute

\n

    \n

  • You can make horizontal space between two image using hspace attribute.

\n

  • Add this hspace="20"

\n

\n

Example

\n

\n \n

Result

\n \n\n\n\n \n\n


\n\n

HTML <img> vspace Attribute

\n

    \n

  • You can make vertical space between two image using hspace attribute.

\n

  • Add this vspace="20"

\n

\n

Example

\n

\n \n

Result

\n

\n \n\n \n\n \n\n\n

\n \n\n \n\n \n\n


\n\n

HTML <img> border Attribute

\n

    \n

  • Add a border of your image using this attribute

\n

  • syntax : <img border="pixels">

\n

  • CSS syntax : <img style="border:5px solid black">

\n

  • Examples :  border="5"

\n

\n\n\n \n\n \n\n

 



iframe

Embed another web site into another ?

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