HTML
Download as PPTX, PDF4 likes917 views
This document provides an introduction to HTML (Hypertext Markup Language) through the following topics: - The basic HTML page structure including <!DOCTYPE>, <html>, <head>, <title>, and <body> tags. - Common text formatting tags such as <h1>-<h6>, <p>, <b>, <em>. - Lists using <ul>, <ol>, and <li> tags. - Links using the <a> tag and href attribute. - Images using the <img> tag and attributes like src, alt, width, and height. - Tables using <table>, <tr>, and <td> tags. - Comments using <!-- --> tags
HTML
- 1. Web Design HTML Web Design Course Engsaad_aly@hotmail.com
- 2. Agenda What is HTML. HTML Simple Example. !DOCTYPE. title. h tag. p tag. Lists. Attributes. Links. Images. Lines. Comments. Text format. Tables.
- 3. HTML Hyper Text Markup Language Markup Language Set of markup tags Tags Keywords surrounded by angle brackets Normally come in pairs Start Tag End Tag Opening Tags Closing Tags <> </>
- 4. HTML Basic Structure <!DOCTYPE html> <html> <head> <title></title> <head> <body> </body> </html>
- 7. Page Titles
- 8. HTML Headings <h1>………..<h6>
- 10. HTML Paragraphs
- 11. Don't Forget the End Tag
- 12. Lists <ul> <ol> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> </ul> </ol>
- 13. Lists
- 15. Lists
- 16. HTML Attributes
- 17. HTML Links An anchor tag <a> is used to define a link, but you also need to add the destination of the link. The destination of the link is defined in the href attribute of the tag. The link can be absolute, such as: "http://www.google.com", or it can be relative to the current page.
- 18. HTML Links
- 19. Mailto link To create a link on your Web site that opens an email window . <a href="mailto:e-mail">Send </a> Send email to more than one address <a href="mailto:e-mail1, e-mail2">Send </a>
- 20. HTML Images img Tag
- 21. HTML Images Alternate Text < img src="facebook.jpg" alt= "facebook image" > Image source Alternate text The alt attribute provides alternative information for an image if a user for some reason cannot view it .
- 22. HTML Images Width & Height < img src="facebook.jpg" alt= "facebook image" width="300" height=“500"> If the image cannot be displayed, the value of the alt attribute will be displayed
- 23. HTML Lines
- 24. HTML Comments <!-- -->
- 25. HTML Text Formatting <b> …………………</b>
- 26. HTML Text Formatting <em> …………………</em>
- 28. HTML Tables
- 29. HTML Tables Table Table row Table Data 100 <tr> </tr> <table> 200 </table> <tr> 100 </tr>
- 30. HTML Tables Table Table row Table Data row 1, cell 1 <tr> </tr> row 1, cell 2 <table > </table> row 2, cell 1 <tr> </tr> row 2, cell 2
- 31. HTML Tables Table Table row Table Data row 1, cell 1 <tr> </tr> row 1, cell 2 <table border=“ ”> </table> row 2, cell 1 <tr> </tr> row 2, cell 2
- 32. HTML Tables Table Table row Table Data row 1, cell 1 <tr> </tr> row 1, cell 2 <table border=“ ”> </table> row 2, cell 1 <tr> </tr> row 2, cell 2
- 33. HTML Tables
- 34. HTML Tables
- 35. HTML Tables
- 37. End of HTML Coding Part 1
- 38. Forms used to send data across the web and are often used as contact forms to convert information inputted by a user into an email.