SlideShare une entreprise Scribd logo
1  sur  6
Learn HTML through programs.
Paste the codes in a note pad and open
in a browser to check how the web
page appears. Learn from the code and
webpage
Just to Start.. Check what appears on
the webpage
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
Check.. What changes when you
change <p> in the previous program to
<a>
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<a>Hello world!</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<a ><strong>Hello world!</strong></a>
<nav><ul>
<li ><a >home</a></li>
<li><a >portfolio</a></li>
<li><a >blog</a></li>
<li><a >contact</a></li>
</ul></nav>
</body>
</html>

Check.. What happens with <strong>..
Also what is the function of <li>
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<a href="#"><strong>Hello world!</strong></a>
<nav><ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul></nav>
</body>
</html>

Check..
What happens with <a href=#>..
Will be continued
• Thanks

Contenu connexe

Tendances

Sample html basic projects
Sample html basic projectsSample html basic projects
Sample html basic projectsDigital Shende
 
HTML and CSS Sitting in a Tree. K i s s i n O M G
HTML and CSS Sitting in a Tree. K i s s i n O M GHTML and CSS Sitting in a Tree. K i s s i n O M G
HTML and CSS Sitting in a Tree. K i s s i n O M Gshane becker
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTMLkmcintyre3
 
YL html intro1
YL html intro1YL html intro1
YL html intro1dilom1986
 
Introduction to html | Rustcode
Introduction to html | RustcodeIntroduction to html | Rustcode
Introduction to html | RustcodeRustcode Web
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web pagecachs_computing
 
3 first code_in_html
3 first code_in_html3 first code_in_html
3 first code_in_htmlSatyakiDas12
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaverchowders
 
How to update HTML files
How to update HTML filesHow to update HTML files
How to update HTML filesJadeMagnet
 
Frontend bootcamp
Frontend bootcampFrontend bootcamp
Frontend bootcampSahilMore34
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1nleesite
 

Tendances (20)

Sample html basic projects
Sample html basic projectsSample html basic projects
Sample html basic projects
 
HTML and CSS Sitting in a Tree. K i s s i n O M G
HTML and CSS Sitting in a Tree. K i s s i n O M GHTML and CSS Sitting in a Tree. K i s s i n O M G
HTML and CSS Sitting in a Tree. K i s s i n O M G
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTML
 
HTML
HTMLHTML
HTML
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
YL html intro1
YL html intro1YL html intro1
YL html intro1
 
HTML to FTP
HTML to FTPHTML to FTP
HTML to FTP
 
Css pseudo classes
Css   pseudo classesCss   pseudo classes
Css pseudo classes
 
Introduction to html | Rustcode
Introduction to html | RustcodeIntroduction to html | Rustcode
Introduction to html | Rustcode
 
Basics
BasicsBasics
Basics
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
 
Css backgrounds
Css   backgroundsCss   backgrounds
Css backgrounds
 
3 first code_in_html
3 first code_in_html3 first code_in_html
3 first code_in_html
 
Css colors
Css   colorsCss   colors
Css colors
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
4 html tags
4 html tags4 html tags
4 html tags
 
How to update HTML files
How to update HTML filesHow to update HTML files
How to update HTML files
 
YL html
YL htmlYL html
YL html
 
Frontend bootcamp
Frontend bootcampFrontend bootcamp
Frontend bootcamp
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1
 

En vedette

Lab 3: WWW and HTML
Lab 3: WWW and HTMLLab 3: WWW and HTML
Lab 3: WWW and HTMLvanessajade
 
Basics of Web Design
Basics of Web DesignBasics of Web Design
Basics of Web DesignStaci Trekles
 
Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTMLvanessajade
 
Web Design 1: Introductions
Web Design 1: IntroductionsWeb Design 1: Introductions
Web Design 1: IntroductionsShawn Calvert
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web buildingRC Morales
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webJoe Arcuri
 

En vedette (9)

Lab 3: WWW and HTML
Lab 3: WWW and HTMLLab 3: WWW and HTML
Lab 3: WWW and HTML
 
Web design basics_02
Web design basics_02Web design basics_02
Web design basics_02
 
Basics of Web Design
Basics of Web DesignBasics of Web Design
Basics of Web Design
 
Lab 4: Introduction to HTML
Lab 4: Introduction to HTMLLab 4: Introduction to HTML
Lab 4: Introduction to HTML
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Web Design 1: Introductions
Web Design 1: IntroductionsWeb Design 1: Introductions
Web Design 1: Introductions
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
HTML practicals
HTML practicals HTML practicals
HTML practicals
 
Basics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the webBasics of Web Design: A primer of what you need to know to design for the web
Basics of Web Design: A primer of what you need to know to design for the web
 

Similaire à Learn html through programs

Similaire à Learn html through programs (20)

lecture0.pdf
lecture0.pdflecture0.pdf
lecture0.pdf
 
計算機概論20161205
計算機概論20161205計算機概論20161205
計算機概論20161205
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Basics tags for HTML
Basics tags for HTMLBasics tags for HTML
Basics tags for HTML
 
Html coding
Html codingHtml coding
Html coding
 
Html tags
Html tagsHtml tags
Html tags
 
Intro to Web Development
Intro to Web DevelopmentIntro to Web Development
Intro to Web Development
 
JavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptxJavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptx
 
Learning html & dhtml
Learning html & dhtmlLearning html & dhtml
Learning html & dhtml
 
web technology practical file
web technology practical fileweb technology practical file
web technology practical file
 
LEARN HTML IN A DAY
LEARN HTML IN A DAYLEARN HTML IN A DAY
LEARN HTML IN A DAY
 
Java Script (Module 1).pptx
Java Script (Module 1).pptxJava Script (Module 1).pptx
Java Script (Module 1).pptx
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
Webpage Designing in HTML
Webpage Designing  in HTMLWebpage Designing  in HTML
Webpage Designing in HTML
 
Html&css pp
Html&css ppHtml&css pp
Html&css pp
 
Updated html programs
Updated html programsUpdated html programs
Updated html programs
 
Html1
Html1Html1
Html1
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 

Learn html through programs

  • 1. Learn HTML through programs. Paste the codes in a note pad and open in a browser to check how the web page appears. Learn from the code and webpage
  • 2. Just to Start.. Check what appears on the webpage <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <p>Hello world!</p> </body> </html>
  • 3. Check.. What changes when you change <p> in the previous program to <a> <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <a>Hello world!</a> </body> </html>
  • 4. <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <a ><strong>Hello world!</strong></a> <nav><ul> <li ><a >home</a></li> <li><a >portfolio</a></li> <li><a >blog</a></li> <li><a >contact</a></li> </ul></nav> </body> </html> Check.. What happens with <strong>.. Also what is the function of <li>
  • 5. <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <a href="#"><strong>Hello world!</strong></a> <nav><ul> <li class="active"><a href="#">home</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">blog</a></li> <li><a href="#">contact</a></li> </ul></nav> </body> </html> Check.. What happens with <a href=#>..