This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper...
14
HTML
Transcript of This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper...
HTML
Learning objective
To study about the basics of HTML different tags in HTML
Keyword
Hyper MarkUp Tags
Write the keyword in your note
book five times.
HTML
HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language – Communication Developed by Tim Berners Lee a British Scientist in
1990.
HTML is a scripting language used for developing webpages
HTML
It is written in NOTEPAD
Saved as .html
HTML Pages are executed by any web browsers and display the text to the users.
Basic tags in HTML
<!doctype html> // defines the document type
<html> </html> // declares the web page is a html page
<head> </head> // the page‟s heading
<title> </title> // defines the title(not displayed on the page)
<body> </body> //the page‟s body
<h n> </h n> // „n‟ headings
Basic tags in HTML <ul> </ul> // Unordered list
<ol> </ol> // Ordered list
<li> </li> // Define items in ordered or unordered list
<p> </p> // Starts a paragraph
<table> </table> // Defines a table
<tr> </tr> // Defines table rows
<th> </th> // Defines the table heading
<td> </td> // Defines table data
Basic tags in HTML
<img src=“….. “ > // Displays an image
<a href=“…..”> </a> // Defines a hyperlink
<br> // break ,it is an empty tag   // to get space between words
Simple HTML program
<!doctype html> <html> <head> <title> My Web Page </title> </head> <body> <h1> This is the first Heading </h1> <p> This is the first paragraph </p> <h2> This is second Heading </h2> <p> This is the second paragraph </p> </body> </html>
A simple html program to explain the use of different tags: html, title, head, body, hn, p. Write the program in notepad and save as .html file. Run the program using any web browsers (google chrome, internet explorer etc)
Program output
Simple HTML program
<!doctype html> <html> <body> <ul> <li> Monitor </li> <li> Mouse </li> <li> CPU </li> </ul> <ol> <li> Monitor </li> <li> Mouse </li> <li> CPU </li> </ol> </body> </html>
A simple html program to explain the use of different tags: ul,ol Write the program in notepad and save as .html file. Run the program using any web browsers (google chrome, internet explorer etc)
Program output
Instructions https://www.youtube.com/watch?v=dD2EISBDjWM&list=PLr6-
GrHUlVf_ ZNmuQSXdS197Oyr1L9sPB https://www.youtube.com/watch?v=-USAeFpVf_ A&list=PLr6-
GrHUlVf_ ZNmuQSXdS197Oyr1L9sPB&index=2 https://www.youtube.com/watch?v=i3GE-toQg-o&list=PLr6-
GrHUlVf_ ZNmuQSXdS197Oyr1L9sPB&index=3 Dear students please visit the links and practice more
html programs Dear parents please download and print the worksheet
for your child. Students please complete the worksheet and glue it in
your notebook.
Break the chain of COVID-19 Transmission Wash and sanitize your hands regularly Stay Stay safe Stay healthy Thank You
