1 / 10

<html> <head> <title>displayed in the title bar</title> </head> <body> Contents of t

<html> <head> <title>displayed in the title bar</title> </head> <body> Contents of the page </body> </html>. Basic HTML syntax. <starting tag> Document content </closing tag>

ordell
Download Presentation

<html> <head> <title>displayed in the title bar</title> </head> <body> Contents of t

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. <html> <head> <title>displayed in the title bar</title> </head> <body> Contents of the page </body> </html>

  2. Basic HTML syntax <starting tag> Document content </closing tag> Most HTML tags contain a starting tag and a closing tag except for a few like the <br>, <hr> and <img> tags. The syntax above is observed as a general rule.

  3. Basic Syntax <html> <head> <title>surname</title> </head> <body > </body> </html> • You type this structure before adding any contents. • Save it by writing the file name and its extension name .html eg. ACT1.html • Open the folder where you save and look for the file with the browser icon

  4. Basic Syntax • To edit just open the notepad: RIGHT CLICK the browser file then choose OPEN WITH then NOTEPAD • Once you change the content FILE-SAVE • Go back to the browser then press F5 • Leave the browser open so every time you edit just refresh or F5 <html> <head> <title>surname</title> </head> <body > {all tags are written here} </body> </html>

  5. Complete HTML syntax <starting tag attribute = “value”> document content </closing tag> <font color=“blue”> good morning </font> Starting tag value Document content Closing tag attribute

  6. Complete HTML syntax Attributes are properties of tag Font-tag color,sizeand face –attributes Each attributes should have a value like color=red size=5 face=Arial(available font in the computer) <font color=“blue”> good morning </font> Starting tag value Document content Closing tag attribute

  7. <html> <head> <title>act 1</title> </head> <body bgcolor=green> <font color=“red” size=10 face=magneto>html</font><br><br> </body> </html> Bgcolor-attribute of body to have a body color To put space on the line. 2 br means 2 spaces

  8. <html> <head> <title>act 1</title> </head> <body bgcolor=green> <marquee behavior=alternate scrollamount=5><font color=“red” size=10 face=magneto>html</font><br><br></marquee> </body> </html> Marquee is a tag for moving text You can apply more than one tag in a document

  9. (15 min) Exercisecopy the code and edit the content*add 3 favorite food and favorite sports after hobbies <html> <head> <title>Act 1</title> </head> <body bgcolor=purple> <marquee behavior=alternate scrollamount=5><Font size=8 color=blue>YOur name Here</marquee></font> <font color=green size=7>This is my first HTML Page<br><br> <font color=blue size=6>I am __ yrs old<br> my section is 7- </font><br><br> <font color=yellow size=6>my hobbies are:<br> a. give 3 hobbies</font> </body> </html>

  10. Important reminders Do not forget to write the extension name .html when saving Be careful in the spelling of tags There should be spaces in between attributes When editing do not forget to click save in the notepad then press F5 to refresh the browser

More Related