Hyper Text Markup Language: Stylings (1).pptx

A presentation slides about using html styling

1. Intro to HTML Styles 01

2. Styling HTML Elements ‹#› HTML is quite limited when it comes to the presentation of a web page. It was originally designed as a simple way of presenting information. Just like you have seen, it can be too simple for designing so that’s CSS was introduced to provide a better way to style HTML elements. For example: HTML ONLY HTML + CSS

3. ‹#› Types of Stylings Inline Styling Embedded/Internal Styling External Styling

4. ‹#› Inline Styling Making use of the style attribute in the HTML start tag

5. ‹#› Inline Style Syntax

6. The Style Attribute The style attribute is just like any other HTML attribute. It goes inside the element’s beginning tag, right after the tag name. The attribute starts with style , followed by an equals sign, = , and then finally uses double quotes, " " , which contain the value of the attribute. In our case, the value of the style attribute will be CSS property-value pairs: "property: value;" . You can have as many property value pairs as you want. Unlike normal CSS syntax, inline styling does not use selectors or curly braces. Don’t forget to include the semicolon ; after each pair! ‹#›

7. Thank you! ‹#›

8. Embedded Styling 2 1 Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. ‹#›

9. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. ‹#› Write Your Topic or Idea

10. Write a caption for the photos. ‹#›

11. 123,456,789 Elaborate on the featured statistic. ‹#›

12. 2 out 5 Elaborate on the featured statistic. 95% Elaborate on the featured statistic. 123 million Elaborate on the featured statistic. ‹#›

13. Use these icons and illustrations in your Canva Presentation. Happy designing! Don't forget to delete this page before presenting. Resource page ‹#›

14. Write Your Topic or Idea Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. ‹#› Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss.

15. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Add a main point Elaborate on what you want to discuss. Write your topic or idea ‹#›

16. Add a Team Members Page Elaborate on what you want to discuss. NAME Title or Position NAME Title or Position NAME Title or Position NAME Title or Position ‹#›

17. Item 1 Item 2 Item 3 Item 4 Item 5 50 40 30 20 10 Write Your Topic or Idea ‹#› Elaborate on what you want to discuss.

18. Write Your Topic or Idea ‹#› Elaborate on what you want to discuss.

19. S W O T STRENGTHS What are you doing well? What sets you apart? What are your good qualities? WEAKNESSES Where do you need to improve? Are resources adequate? What do others do better than you? OPPORTUNITIES What are your goals? Are demands shifting? How can it be improved? THREATS What are the blockers you're facing? What are factors outside of your control? ‹#›

20. Add a Chart Page Name Job Title Name Job Title Name Job Title Name Job Title Name Job Title Name Job Title Name Job Title ‹#›

21. Month 1 Month 2 Month 3 Month 4 Month 5 Tasks Write your task here Write your task here Write your task here Write your task here Write your task here Write your task here Write your task here Write your task here Add a Gantt Chart Page ‹#›

22. Presentation design This presentation uses the following typographies: Titles: Barlow Bold Body copy: Barlow Normal They are free to use and easily available for download on the Internet. You must install them on your computer if you are going to edit this presentation in PowerPoint®. ‹#›

23. Free templates for all your presentation needs Ready to use, professional and customizable 100% free for personal or commercial use Blow your audience away with attractive visuals For PowerPoint and Google Slides