Download to read offline
Uploaded bySomaia Gaber
HTML Styles.pptx
This document discusses three methods for styling HTML documents: inline styling, internal styling using the <style> tag, and external styling using a separate CSS file. It provides examples of creating shapes using inline and internal styling, and explains the syntax and benefits of CSS for controlling layout across multiple pages.
Designโฆ
![Cascading style sheet (css)]](https://cdn.slidesharecdn.com/ss_thumbnails/cascadingstylesheetcss-130819011155-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Soundtoys Mac v5.5.5.0 Crack for MacOS Full Version [Latest] pptx](https://cdn.slidesharecdn.com/ss_thumbnails/softwareoverview-251207193711-91d8ae6b-thumbnail.jpg?width=640&height=640&fit=bounds)
![iStat Menus 7.20 Crack for MacOS 2026 Full Version [Latest] pptx](https://cdn.slidesharecdn.com/ss_thumbnails/softwareoverview-251207191544-22b737dc-thumbnail.jpg?width=640&height=640&fit=bounds)
![Moho Pro 14.4 Crack for MacOS Works Until 2050 [Latest] pptx](https://cdn.slidesharecdn.com/ss_thumbnails/softwareoverview-251207192639-797289c4-thumbnail.jpg?width=640&height=640&fit=bounds)
![WinRAR Crack 7.13 Final Mac Keygen 2026 Download [Latest] Software.pptx](https://cdn.slidesharecdn.com/ss_thumbnails/software-251207185858-eb450678-thumbnail.jpg?width=640&height=640&fit=bounds)
![Chapt_4[1].ppt very interseting and important](https://cdn.slidesharecdn.com/ss_thumbnails/chapt41-251208222956-7cf5e0fa-thumbnail.jpg?width=640&height=640&fit=bounds)
![Chapter4_Initiation_of_Sediment_Motion_v2[1].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/chapter4initiationofsedimentmotionv21-251208223747-f94ef163-thumbnail.jpg?width=640&height=640&fit=bounds)
HTML Styles.pptx
- 1. HTML Styles Inline, Internal,External
- 2. Objectives: ๏ต Know htmlstyling methods. ๏ต Be able to style websites using inline styling method. ๏ต Be able to style websites using internal styling method. ๏ต Be able to style websites using external styling method.
- 3. Agenda: ๏ต Introduction toCSS ๏ต What are the html styling methods? ๏ต Inline styling ๏ต Internal styling ๏ต External styling
- 4. What is CSS? ๏ตCSS stands for Cascading Style Sheets. ๏ต CSS describes how HTML elements are to be displayed. ๏ต CSS saves a lot of work. It can control the layout of multiple web pages all at once. ๏ต External sheets are stored in CSS file.
- 5. CSS Syntax: ๏ต ACSS rule consists of a selector and a declaration block. ๏ต The selector pointes to the HTML element you want to style. ๏ต The declaration block contains one or more declarations separated by semicolons. ๏ต Each declaration includes a CSS property name and a value, separated by a colon. ๏ต Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly brackets.
- 6. Html styling methods: ๏ตInline CSS. ๏ต Internal CSS. ๏ต External CSS. ๏ต Multiple style sheets. ๏ต Cascading order.
- 7. Inline style: ๏ต Itis the use of style attribute inside html tags:
- 8. Exercise: (create thefollowing shapes using inline styling method)
- 9. Internal Styling: ๏ต Using<style> tag inside the <head> or the <body> tag.
- 10. Exercise: (create thefollowing shapes using internal styling method)
Editor's Notes
- #8ย 1-there are different size measuring units like inch, cm, but px is most commonly used unit and it depends on your screen size. 2-If we style the body tag all the tags inside will inherit the style. 3-80% width will take 80% of your screen width. 4-max-width=500px will fix the width to 500 px max when the size of the screen exceed this size it will stop maximizing to the percentage of the screen size. 5-some styles take one value some take 3 like the border for example.