HTML: hypertextmarkup language contains predefined tags. using these tags to develop front end application. we design or we develop web based application for ex: facebook, gmail, google basic markuplanguage css+ javscript+bootstrap+typescript+angular+react js these all front end applications needs one of the basic markuplanguage i.e HTML HTML the content code included inside tgas or elements the tags in html enclosed or souurended by angular braces. HTML is developed by Tim Berner 1989 , 1992 html 2.0 XHTML -extensiable hypertext markup language. HTML 5.0 tags. <head>-- title, javscript code(function definition code), vbscript, Cascading style sheets , meta tags <meta charset=UTF-8> <title> it contains title of the document it contains all tags or elemnets , fucntion call tags , css html5 version --root elements hellow world program content or tags Note:to run html program we require one of the broswer google chrome, internet exploer, mozilla, microsoft edge, .... Basic IDE: notepad, notepad++ Advanced: visual studio code, subllime, Atom Baic HTML program --------------------------- Hello World Welcome to HTML program Heading tags in html -------------------------------- heading tags

welcome to HTML

welcome to HTML

welcome to HTML

welcome to HTML

welcome to HTML
welcome to HTML
In the above example we included comment here in html comment is not executed by the engine. simply ignored by the browser. in the above example

tag content appears bigger font size than other heading tgs. paragraph Tags: -------------------------

tag represents here as paragraph in this html

consist content it follows like this syntax:

content

heading tags

In the above example we included comment here in html comment is not executed by the engine. simply ignored by the browser. in the above example

tag content appears bigger font size than other heading tgs.

In the html browser ignores white space or empty space . even though if we gives space simply it ignore empty space in html. so the above ex is related paragraph 
tag:
----------------------------------------------
in html pre tag doesnot ignore any whitespace or empty space.

example:




heading tags




In the above example we included comment 
here in html comment is not executed by the engine.

simply ignored by the browser.

in the above example 
 tag content appears bigger font size than
other heading tgs.







in the above example we gives some space but it shows same as on a broswer .


	

Note: in thml 
tag is similer to 
 tag becuase divisiion tag 
ignores whitespace characters.



Line Break in html:
----------------------------------------------
In html we used 
 tag , using this tag we break the line .





heading tags





In the above example we included comment 

here in html comment 
is not executed by the engine.

simply ignored by the browser.

in the above example 
 tag content appears bigger font size than
other heading tgs.







In the above example we incuded 
 tag.

Note: br tag only singled paired tag.
html support mainly two types of tags.


paired tags: , ,
 

Unpaired Tags: 
, 



 Tag:
-------------------------------------------

	In html u want apply any other styles we mainly used  tagor else
	using bgcolor attribute for the body tag we can style
	
	syntax:
	
	
	
	


heading tags





 
 In the above example we included comment
 

here in html comment 
is not executed by the engine.

simply ignored by the browser.

in the above example 
 tag content appears bigger font size than
other heading tgs.








formatting tags in html
-----------------------------




heading tags



Hello World

Hello World

Hello World

Hello World

Hello World

Hello world

a2+b2+c

H2SO4

Hello World






 tag:
-------------------------------------------




heading tags


marquee tag in html

marquee tag in html

marquee tag in html





 tag html:
-------------------------------------------------
we insert image in html in two ways either we follows using
Absolute URL
Relative URL

here absolute means insert image with a proper path, in this case
image exist in some other location

where as if it is relative URL image file and html file exist
within the same location .


it follows the given synatx:



images are having diff extensions.
ex: jpg or jpeg  ,  gif,  svg, bmp  .....


insert image in html:
-------------------------------------------




heading tags














Insert Emoji :
-------------------
Look like images ,icons but not 
these are the letters of from the character set.


	


heading tags


A


a


😌


😍


😎


😏


😐


😑







Link Tag or Anchor tag html:
--------------------------------------
   using link tag  we connect from one web page into
Another webpage.



syntax:
text

href= hyper reference





heading tags

click here






Table Tag in html:
-------------------------------------------
table is a combination of rows and columns

it contains heading as well as it contains data.








Time Table


1st hour
2nd hour
B 
R 
E
A
k		
3rd hour




Maths
Electronics
Computers




Maths
Electronics
Computers




Maths
Electronics
Computers




Maths
Electronics
Computers









List in html'-
-----------------------
in html if we want to display the content in any specific order then
we use this concept.


here list in html are mainlt three types 

1. order list
2. umoder list
3. definition list

1. order list:
    
--------------''
if we want to display the content in like order wise then 






      

    1. C programm
      2. 

    2. C++ programm
      3. 

    3. java program
      4. 

    




2. Unorder list : or Bullet list
      


        

      • C programm
        • 

      • C++ programm
        • 

      • java program
        • 

      

3. definition list: 
      

      

      CPU
      

      Central processing unit
      

      









        

      1. C programm
        2. 

      2. C++ programm
        3. 

      3. java program
        4. 

      

        

      • C programm
        • 

      • C++ programm
        • 

      • java program
        • 

      

      

      CPU
      

      Central processing unit
      

      




Frameset In html:
--------------------------

Note: when we include frameset tag in html then body tag is not necessary.

main.html












home.html
---------------------------



      Principal global Services
      
Email :
      
fax No: 
      




About.html
--------------------------



      About html
      
Click here to get conatact list
      
Click here to get Admin list
      
Click here to get Prodcution list list
      







HTML form concept:
--------------------------------

1. text box
2. password box
3. email
4. check box
5. radio
6. selection
7. address
8. submit
9. cancel or reset''



Html5 related tags:
-----------------------------
Html5 version is now the latest version in HTML. 
in this version we discuss some of the tags we used those are

1.  
2.  







In the above example program width, height are the attributes having
pixels of 400 .

style is a style to add styles for existing html page.




example program on circle using svg tag:
-------------------------------------------
















Example program on Rectangle using svg tag:
---------------------------------------------














Example program on line using svg tag:
----------------------------------------------













Example program to create Ellipse using svg :
-----------------------------------------------















Audio:
----------------------











Video:
---------------------------












Html5  canvas elements:
--------------------------
















Exaample program to create line using canvas element:
--------------------------------------------------------














































hyper : web
text:  web page
markup: predefined