Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (12)
Similar to Html basic
Recently uploaded
Recently uploaded (20)
Html basic
- 1. By: RNCOE Teacher Trainees 2009-2011 Batch HTML Ruwanpura National College Of Education. Wallandura. Kahawatta. (Basics of HTML) Workshop
- 2. SPECIALLY PRESENTED FOR : R/ GANKANDA CENTRAL COLLEGE (NATIONAL SCHOOL) GRADE 10, 11 STUDENTS 2010 – 10 - 04
- 4. NOW WE LEARN ABOUT HTML (HYPER TEXT MARKUP LANGUAGE)
- 7. HTML HTML means Hyper Text Markup Language . HTML is a language that helps us to create web sites in the Internet . HTML helps to coordinate human and the computer . So we have to use some codes to explain to computer what are we going to do. Therefore we use HTML to give instructions to create web sites.
- 13. HTML Tags
- 14. COMMON STRUCTURE AND FORMATTING HTML TAGS
- 15. BASIC TAGS <html></html> Creates an HTML document <head></head> Sets off the title and other information that isn't displayed on the Web page itself <body></body> Sets off the visible portion of the document
- 16. HEADER TAGS <title></title> Puts the name of the document in the title bar Things in the header section do not appear in the browser
- 17. BODY ATTRIBUTES <body bgcolor=?> Sets the background color, using name or hex value <body text=?> Sets the text color, using name or hex value <body link=?> Sets the color of links, using name or hex value <body vlink=?> Sets the color of followed links, using name or hex value <body alink=?> Sets the color of links on click
- 18. TEXT FORMATTING TAGS 1 <hl></hl> Creates the largest header <h6></h6> Creates the smallest header <b></b> Creates bold text <i></i> Creates italic text
- 19. TEXT FORMATTING TAGS 2 <strong></strong> Emphasizes a word (with italic or bold) <font size=“?”></font> Sets size of font <font color=“?”></font> Sets font color, using name or hex value
- 20. PARAGRAPH FORMATTING TAGS <p></p> Creates a new paragraph <p align=?> Aligns a paragraph to the left, right, or center <br> Inserts a line break <blockquote></blockquote> Indents text from both sides
- 21. LIST FORMATTING TAGS <ol></ol> Creates a numbered list <ul></ul> Creates a bulleted list with the use of <li> <li></li> Precedes each list item, and adds a number
- 22. GRAPHICAL ELEMENTS <img src="name.extention"> Adds an image <img src="name.extention" align=?> Aligns an image: left, right, center; bottom, top, middle <img src="name.extention" border=?> Sets size of border around an image <hr> Inserts a horizontal rule <hr size=?> Sets size (height) of rule <hr width=?> Sets width of rule, in percentage or absolute value Always use an alt tag for images, eg. <img src=“name.extention” alt=“picture of cat”>
- 24. HOW TABLES WORK <tr> </tr> <table> </table> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td> <tr> </tr> <td> </td> <td> </td> </td> <td>
- 25. LINKS TAGS <a href="URL"></a> Creates a hyperlink <a href="mailto:e-mail address"></a> Creates a mailto link <a name="NAME"></a> Creates a target location within a document <a href="#NAME"></a> Links to that target location from elsewhere in the document
- 26. WEB BROWSERS HTML is the language web browsers use to format the data presented in web pages. All browsers are not equal. What we use and why.
- 27. NOW !!! SHALL WE MAKE A WEB PAGE ?