Recommended
More Related Content
Similar to Week 4.pptx
Similar to Week 4.pptx (20)
Recently uploaded
Recently uploaded (20)
Week 4.pptx
- 2. Attributes • Provides additional information about the tag is placed on the start tag. Since container tags have start tag and the <body></body> tag is container tag, it contains attributes.
- 3. Attributes for <body></body> Attribute Name Definition background Indicates the background image of the web page Ex: <body background=“file destination and file name.jpg”> bgcolor Indicates the background color of the web page Ex: <body bgcolor=“red”> text Indicates the color of the text in the web page Ex: <body text=“pink> link Indicates color of the hyperlink in the webpage. Ex: <body link=“blue”> vlink Indicates color of the visited hyperlink in the webpage. Ex: <body link=“violet”>
- 4. Attributes for <body></body> Attribute Name Definition alink Indicates color of the visited hyperlink in the webpage. Ex: <body link=“yellow”> Attributes for <h1></h1>, <h2></h2> - <h6></h6> Attribute Name Definition align Indicates the horizontal alignment of heading. Ex: <h1 align=“left”> This is left-aligned</h1> title Indicates the text that appears when mouse hovers over the heading. Ex: <h1 title=“Hello There!”> Put the mouse over me!!!</h1>
- 5. Creating an HTML Document 1. Click the START BUTTON and click all programs. 2. Click Accessories and click Notepad. 3. On the notepad window, type the text(code)
- 6. Saving an HTML 1. On the Menu Bar, click File and click Save or Save As. 2. On the Save As Dialogue Box, type your file name in the file name box. 3. When saving, always change the file type to all files and use .html or .htm file extension. 4. Click Save
- 7. Viewing an HTML page Launch any web browser. 1 On the Menu Bar, click File and click Browse. 2 Look for the folder or drive where your HTML file was saved and click the file. 3 Click Open and click Ok on the Open Dialogue box. 4
- 8. bgcolor
- 9. text
- 10. background File destination(location of the file) File Name File Extension
- 12. Link
- 13. alink
- 14. Inserting Video File location File name File Extension
- 15. Adding audio File location File name File Extension
- 16. Adding image File location File name File Extension
- 17. Creating Table • Tables allows you to organize and arrange data. • Tables be made via container tags<table></tables>. • Each row within the table is defined by the container tags<tr></tr>(Table Row) • Each cell or data within a row is defined by container tags <td></td>(Table Data)
- 18. Attributes for <table></table Attribute Name Definition align Indicates the horizontal alignment of table Ex: <table align=“center”> </table> background Indicates the background image of table Ex: <table background=“file distination,file name and file extension”> </table> bgcolor Indicates the background color of the table Ex: <table bgcolor=“pink> </table> bordercolor Indicates bordercolor of table. Ex: <table bordercolor=“blue”> </table>
- 19. Attributes for <table></table Attribute Name Definition cellpadding Indicates the distance (in pixel) between the contents of the cells and the border around it. Ex: <table cellpadding=“2”> </table> cellspacing Indicates the distance (in pixel) between the cells. Ex: <table cellpadding=“2”> </table> width Indicates the width of the table in pixels or percent of the width displayed bt the web browser. Ex: <table width=“200> </table>
- 20. Table tag and attributes ( bordercolor, align, bgcolor) Values are enclosed in the quotation marks <tr> Table row <td> Table data <th> table header
- 22. Thank You Prepared by: Sir Jeric C. Calleja