This is your presentation title Year6 Week5 ppt.pdf · HTML HTML- Hyper Text MarkUp Language Hyper -- Reference Text – Data/ Information MarkUp -- Predefined Statement Language

Post on 14-Oct-2020

6 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

Transcript

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 &nbsp // 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

top related