Download to read offline
![Cascading style sheet (css)]](https://cdn.slidesharecdn.com/ss_thumbnails/cascadingstylesheetcss-130819011155-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Web dev
- 1.
- 2. ASPECTS COVERED • Relationshipsand how things work. • HTML • CSS
- 3. Relationships: Database stores datadynamically Sever side language(PHP), renders operations and displays data from DB HTML and CSS provides the user with the display and user interphase (UI)
- 4. HTML HTML stands forHyper Text Markup Language HTML provides structure to the webpage content HTML enables the use of images, videos and audio HTML provides the header and footer of a webpage
- 5. HTML Code • <!DOCTYPEhtml> <html> <head> <title>Page Title</title> </head> <body> <h1>Heading of webpage between this tag</h1> <p>Write paragraph between this tag.</p> </body> </html>
- 6. CSS CSS standsfor Cascading Style Sheets CSS focuses on how the webpage is presented aesthetically CSS focuses mainly on webpage design
- 7. CSS Code body { background-color:lightblue; } h1 { color: navy; margin-left: 20px; }
- 8. HTML and CSScombined <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} p {color: red;} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
- 9.
- 10. ADD A SLIDETITLE - 4
- 11. ADD A SLIDETITLE - 5