this is your presentation title year6 week5 ppt.pdf · html html- hyper text markup language hyper...
TRANSCRIPT
![Page 1: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/1.jpg)
HTML
![Page 2: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/2.jpg)
Learning objective
To study about the basics of HTML different tags in HTML
![Page 3: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/3.jpg)
Keyword
Hyper MarkUp Tags
Write the keyword in your note
book five times.
![Page 4: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/4.jpg)
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
![Page 5: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/5.jpg)
HTML
It is written in NOTEPAD
Saved as .html
HTML Pages are executed by any web browsers and display the text to the users.
![Page 6: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/6.jpg)
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
![Page 7: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/7.jpg)
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
![Page 8: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/8.jpg)
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
![Page 9: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/9.jpg)
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)
![Page 10: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/10.jpg)
Program output
![Page 11: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/11.jpg)
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)
![Page 12: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/12.jpg)
Program output
![Page 13: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/13.jpg)
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.
![Page 14: This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language](https://reader033.vdocuments.net/reader033/viewer/2022052613/604d3edd47b28534265b5dbf/html5/thumbnails/14.jpg)
Break the chain of COVID-19 Transmission Wash and sanitize your hands regularly Stay Stay safe Stay healthy Thank You