Php workshop L0 Introduction
•
0 likes•539 views
This document discusses HTML and web programming basics. It introduces HTML, describing it as a standard language used to define the structure and layout of web pages using tags. It explains HTML tags for text formatting, links, lists, and forms. Examples are provided of common tags like <h1>, <p>, <a>, <img>, and <form> along with their uses and attributes. The document also outlines the basic structure of an HTML page using tags like <html>, <head>, <title>, and <body>.
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (8)
Similar to Php workshop L0 Introduction
Similar to Php workshop L0 Introduction (20)
More from Mohammad Tahsin Alshalabi
More from Mohammad Tahsin Alshalabi (10)
Recently uploaded
Recently uploaded (20)
Php workshop L0 Introduction
- 1. Web Basics Programming With PHP
- 2. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh The Internet What is the Internet ?
- 3. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Web evolution
- 4. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Web evolution
- 5. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Web evolution
- 6. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Web Apps • Internet wide spreading. • Access from every where.
- 7. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Browser and Server
- 9. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh HTML
- 10. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh Introduction • With HTML you can create your own Web site. • HTML composed of set of tags. • HTML is a standard in “W3C”. • HTML is compatible with: internet explorer, Safari, Firefox and Google Chrome.
- 11. Before we start By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
- 12. • General form: • Example: HTML Structure <tag_name/> Single Tags line 1 of the web page <br /> line2 of the web page By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
- 13. • General form: • Example: HTML Structure <tag_name> content </tag_name> this text is normal and <b> this text is bold </b> Double Tags By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
- 14. HTML Structure Page structure <html> <head> <title>some title</title> </head> <body> </body> </html> General Form: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
- 15. HTML Structure Page structure General Form: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
- 16. HTML Structure Tags attribute General Form: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh <tag_name attribute 1 = "value1" attribute 2 = "value 2" attribute n = "value n“> <h1 align = "center"> this is heading 1 </h1> Example:
- 17. HTML Structure Tags attribute Tags Examples: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh <div>this is div</div> <table> <tr> <td>cell 1.1</td> <td>cell 1.2</td> </tr> </table>
- 18. HTML Structure Tags attribute Tags Examples: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh <p align=“center”>this is paragraph</p> <i>italic</i> <a href="www.w3schools.com">>w3schools</a> <!--This is comment in html -->
- 19. HTML Structure Tags attribute Tags Examples: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh <h3>Headline3</h3> <h2>Headline2</h2> <h1>Headline1</h1> <h4>Headline4</h4>
- 20. HTML Structure Tags attribute Tags Examples: By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh <form> <input type=“text” name=“user” /> <input type=“password” name=“pass” /> <input type=“submit” value=“Send” /> </form> <img src=“img1.jpg”/>
- 21. Notes 1 Don’t forget saving file in .htm or .html format. 2 We will see the output in the browser. Let’s Test it live ! By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh