ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Adding Space To a Web Page
Adding Space White Space is the amount of empty space on a web page, which is good for the eyes and makes reading easier & better!! Good Web Design allows for white space, The More The Better! In Notepad, you can actually use the spacebar, return & tab keys when creating a web page.  This allows you to clearly see the tags, text and the different sections. BUT the web browser IGNORE all of this & everything will be as 1 long single spaced line or paragraph.
The following Tags are ways to add (White) Space: Line Break: <br>  isn¡¯t a set , use to break the line without putting a space between the lines, acts like a  Single Space . Paragraph: <p> </p>  use to add space between paragraphs, acts like a  Double Space .   Use only <p>  for spacing. For alignment must use the set <p> & </p>.
&nbsp: New Blank Space  ¨C acts like the spacebar, use no  < >  & can use many together.  Horizontal Rule: <hr>  isn¡¯t a set, adds a visible horizontal line, used to make sections. You can use as many of these as needed. Remember a paragraphs can be sentence, word, phrase or full paragraph.
Adding Comments or Notes When you want to add notes or comments to a section or the entire web page use this tag <!--comment--> Simply replace the word comment. It doesn¡¯t show up in the browser. It will help you understand the source code better.  Can be used anywhere in the document.
Tags and  their Attributes Tags whether singles or sets will have attributes. Attributes allow the tags to have additional features such as size, and colors. These Attributes or ¡° Add-On ¡± will  always go after the opening tag only  and  never in the closing tag , if it¡¯s a set.
Changing the Appearance of the Horizontal Rule To Change the Width or Length ¨C  <hr width=number or %> Thickness or Height -  <hr size=number> Alignment ¨C <hr align=¡±right, center or left¡±>
Don¡¯t Forget to Combine When Possible <hr  width=70   align=¡°right¡±  size =30>
So, What¡¯s the  Next Step? Review this presentation as many times as needed. Complete the Exercise(s) that follows this Module.  Don¡¯t forget to put it in the Dropbox. When finished, go on to the next Module¡¯s overview.

More Related Content

Viewers also liked (17)

»úÆ÷Å®º¢
»úÆ÷Å®º¢»úÆ÷Å®º¢
»úÆ÷Å®º¢
mane1013
?
Be Notes Unit 11 Marketing
Be Notes Unit 11 MarketingBe Notes Unit 11 Marketing
Be Notes Unit 11 Marketing
JLENA mOORE
?
2BBackSoon
2BBackSoon2BBackSoon
2BBackSoon
zenith2008
?
Understanding Photosynthesis3
Understanding Photosynthesis3Understanding Photosynthesis3
Understanding Photosynthesis3
tartman
?
Ecosystems
EcosystemsEcosystems
Ecosystems
Jenny Klemme
?
Industrial parks in Mexico, AMPIP
Industrial parks in Mexico, AMPIPIndustrial parks in Mexico, AMPIP
Industrial parks in Mexico, AMPIP
Claudia Avila Connelly
?
Evolution Of Populations
Evolution Of PopulationsEvolution Of Populations
Evolution Of Populations
Jenny Klemme
?
Products Rmp
Products RmpProducts Rmp
Products Rmp
rupesh.b.pawar
?
2. Evolutionary Forces
2. Evolutionary Forces2. Evolutionary Forces
2. Evolutionary Forces
Jenny Klemme
?
Phylogeny
PhylogenyPhylogeny
Phylogeny
Jenny Klemme
?
1. Natural Selection
1. Natural Selection1. Natural Selection
1. Natural Selection
Jenny Klemme
?
Population Ecology
Population EcologyPopulation Ecology
Population Ecology
Jenny Klemme
?
Hardy Weinberg Populations
Hardy Weinberg PopulationsHardy Weinberg Populations
Hardy Weinberg Populations
Jenny Klemme
?
Speciation
SpeciationSpeciation
Speciation
Jenny Klemme
?
Community Ecology
Community EcologyCommunity Ecology
Community Ecology
Jenny Klemme
?
The Panama canal
The Panama canalThe Panama canal
The Panama canal
wendypinto
?
Animal Behavior
Animal BehaviorAnimal Behavior
Animal Behavior
Jenny Klemme
?

Similar to Adding Space (20)

HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
c525600
?
Html in a box
Html in a boxHtml in a box
Html in a box
bdubuque
?
CSS For Online Journalism
CSS For Online JournalismCSS For Online Journalism
CSS For Online Journalism
amherstwire
?
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
Sandeep Supal
?
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
?
YL basic tag
YL basic tagYL basic tag
YL basic tag
dilom1986
?
Basic HTML
Basic HTMLBasic HTML
Basic HTML
coachhahn
?
Positioning text
Positioning textPositioning text
Positioning text
nobel mujuji
?
Wordpress & HTML5 by Rob Larsen
Wordpress & HTML5 by Rob LarsenWordpress & HTML5 by Rob Larsen
Wordpress & HTML5 by Rob Larsen
George Mamadashvili
?
Creating responsive landing pages using LeadSquared
Creating responsive landing pages using LeadSquaredCreating responsive landing pages using LeadSquared
Creating responsive landing pages using LeadSquared
LeadSquared
?
Cheat codes
Cheat codesCheat codes
Cheat codes
PixelCrayons
?
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
Paul Dionysius
?
OpenOffice.org Writer: The Basics
OpenOffice.org Writer: The BasicsOpenOffice.org Writer: The Basics
OpenOffice.org Writer: The Basics
Czarli Evangelista
?
WEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptxWEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptx
OlusholaBabsAjayi
?
WEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptxWEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptx
OlusholaBabsAjayi
?
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
julicris021488
?
Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
BG Java EE Course
?
IGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
IGCSE ICT (0417/0983) - Website Authoring - Ajiro TechIGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
IGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
Ajiro Ndi
?
5.1 css box model
5.1 css box model5.1 css box model
5.1 css box model
Bulldogs83
?
Html
HtmlHtml
Html
Michael Gwyther
?
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
c525600
?
Html in a box
Html in a boxHtml in a box
Html in a box
bdubuque
?
CSS For Online Journalism
CSS For Online JournalismCSS For Online Journalism
CSS For Online Journalism
amherstwire
?
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
Sandeep Supal
?
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
?
Creating responsive landing pages using LeadSquared
Creating responsive landing pages using LeadSquaredCreating responsive landing pages using LeadSquared
Creating responsive landing pages using LeadSquared
LeadSquared
?
OpenOffice.org Writer: The Basics
OpenOffice.org Writer: The BasicsOpenOffice.org Writer: The Basics
OpenOffice.org Writer: The Basics
Czarli Evangelista
?
WEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptxWEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptx
OlusholaBabsAjayi
?
WEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptxWEB AUTHORING PRESENTATION FOR IGCSEpptx
WEB AUTHORING PRESENTATION FOR IGCSEpptx
OlusholaBabsAjayi
?
Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
BG Java EE Course
?
IGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
IGCSE ICT (0417/0983) - Website Authoring - Ajiro TechIGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
IGCSE ICT (0417/0983) - Website Authoring - Ajiro Tech
Ajiro Ndi
?
5.1 css box model
5.1 css box model5.1 css box model
5.1 css box model
Bulldogs83
?

Recently uploaded (20)

The Road to SAP S4HANA Cloud with SAP Activate.pptx
The Road to SAP S4HANA Cloud with SAP Activate.pptxThe Road to SAP S4HANA Cloud with SAP Activate.pptx
The Road to SAP S4HANA Cloud with SAP Activate.pptx
zsbaranyai
?
UiPath Automation Developer Associate Training Series 2025 - Session 8
UiPath Automation Developer Associate Training Series 2025 - Session 8UiPath Automation Developer Associate Training Series 2025 - Session 8
UiPath Automation Developer Associate Training Series 2025 - Session 8
DianaGray10
?
Benefits of Moving Ellucian Banner to Oracle Cloud
Benefits of Moving Ellucian Banner to Oracle CloudBenefits of Moving Ellucian Banner to Oracle Cloud
Benefits of Moving Ellucian Banner to Oracle Cloud
AstuteBusiness
?
Scalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by UdaiScalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by Udai
Udaiappa Ramachandran
?
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
DianaGray10
?
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service SuperpowersWhen Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
Eric D. Schabell
?
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AIGDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
James Anderson
?
STARLINK-JIO-AIRTEL Security issues to Ponder
STARLINK-JIO-AIRTEL Security issues to PonderSTARLINK-JIO-AIRTEL Security issues to Ponder
STARLINK-JIO-AIRTEL Security issues to Ponder
anupriti
?
Presentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdfPresentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdf
Mukesh Kala
?
ºÝºÝߣs from Perth MuleSoft Meetup March 2025
ºÝºÝߣs from Perth MuleSoft Meetup March 2025ºÝºÝߣs from Perth MuleSoft Meetup March 2025
ºÝºÝߣs from Perth MuleSoft Meetup March 2025
Michael Price
?
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptxRBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
quinlan4
?
Generative AI & Telco track at AMLD 2024
Generative AI & Telco track at AMLD 2024Generative AI & Telco track at AMLD 2024
Generative AI & Telco track at AMLD 2024
Laurent Ciavaglia
?
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
jackalen173
?
build-with-ai-sydney AI for web devs Tamas Piros
build-with-ai-sydney AI for web devs Tamas Pirosbuild-with-ai-sydney AI for web devs Tamas Piros
build-with-ai-sydney AI for web devs Tamas Piros
Geshan Manandhar
?
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptxPackaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
mohayyudin7826
?
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing EnvironmentsAutomated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Pablo G¨®mez Abajo
?
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No KubernetesJava on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
VictorSzoltysek
?
Harnessing the Power of AI in Salesforce.pdf
Harnessing the Power of AI in Salesforce.pdfHarnessing the Power of AI in Salesforce.pdf
Harnessing the Power of AI in Salesforce.pdf
rabiabajaj1
?
Recruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OGRecruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OG
Matt Charney
?
Building High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdfBuilding High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdf
Rafael Burity
?
The Road to SAP S4HANA Cloud with SAP Activate.pptx
The Road to SAP S4HANA Cloud with SAP Activate.pptxThe Road to SAP S4HANA Cloud with SAP Activate.pptx
The Road to SAP S4HANA Cloud with SAP Activate.pptx
zsbaranyai
?
UiPath Automation Developer Associate Training Series 2025 - Session 8
UiPath Automation Developer Associate Training Series 2025 - Session 8UiPath Automation Developer Associate Training Series 2025 - Session 8
UiPath Automation Developer Associate Training Series 2025 - Session 8
DianaGray10
?
Benefits of Moving Ellucian Banner to Oracle Cloud
Benefits of Moving Ellucian Banner to Oracle CloudBenefits of Moving Ellucian Banner to Oracle Cloud
Benefits of Moving Ellucian Banner to Oracle Cloud
AstuteBusiness
?
Scalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by UdaiScalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by Udai
Udaiappa Ramachandran
?
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
SAP Automation with UiPath: SAP Test Automation - Part 5 of 8
DianaGray10
?
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service SuperpowersWhen Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
Eric D. Schabell
?
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AIGDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
GDG Cloud Southlake #41: Shay Levi: Beyond the Hype:How Enterprises Are Using AI
James Anderson
?
STARLINK-JIO-AIRTEL Security issues to Ponder
STARLINK-JIO-AIRTEL Security issues to PonderSTARLINK-JIO-AIRTEL Security issues to Ponder
STARLINK-JIO-AIRTEL Security issues to Ponder
anupriti
?
Presentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdfPresentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdf
Mukesh Kala
?
ºÝºÝߣs from Perth MuleSoft Meetup March 2025
ºÝºÝߣs from Perth MuleSoft Meetup March 2025ºÝºÝߣs from Perth MuleSoft Meetup March 2025
ºÝºÝߣs from Perth MuleSoft Meetup March 2025
Michael Price
?
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptxRBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
RBM - PIXIAGE - AskPixi Page - Inpixon-MWC 2025.pptx
quinlan4
?
Generative AI & Telco track at AMLD 2024
Generative AI & Telco track at AMLD 2024Generative AI & Telco track at AMLD 2024
Generative AI & Telco track at AMLD 2024
Laurent Ciavaglia
?
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
Fast Screen Recorder v2.1.0.11 Crack Updated [April-2025]
jackalen173
?
build-with-ai-sydney AI for web devs Tamas Piros
build-with-ai-sydney AI for web devs Tamas Pirosbuild-with-ai-sydney AI for web devs Tamas Piros
build-with-ai-sydney AI for web devs Tamas Piros
Geshan Manandhar
?
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptxPackaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
mohayyudin7826
?
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing EnvironmentsAutomated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing Environments
Pablo G¨®mez Abajo
?
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No KubernetesJava on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
Java on AWS Without the Headaches - Fast Builds, Cheap Deploys, No Kubernetes
VictorSzoltysek
?
Harnessing the Power of AI in Salesforce.pdf
Harnessing the Power of AI in Salesforce.pdfHarnessing the Power of AI in Salesforce.pdf
Harnessing the Power of AI in Salesforce.pdf
rabiabajaj1
?
Recruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OGRecruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OG
Matt Charney
?
Building High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdfBuilding High-Impact Teams Beyond the Product Triad.pdf
Building High-Impact Teams Beyond the Product Triad.pdf
Rafael Burity
?

Adding Space

  • 1. Adding Space To a Web Page
  • 2. Adding Space White Space is the amount of empty space on a web page, which is good for the eyes and makes reading easier & better!! Good Web Design allows for white space, The More The Better! In Notepad, you can actually use the spacebar, return & tab keys when creating a web page. This allows you to clearly see the tags, text and the different sections. BUT the web browser IGNORE all of this & everything will be as 1 long single spaced line or paragraph.
  • 3. The following Tags are ways to add (White) Space: Line Break: <br> isn¡¯t a set , use to break the line without putting a space between the lines, acts like a Single Space . Paragraph: <p> </p> use to add space between paragraphs, acts like a Double Space . Use only <p> for spacing. For alignment must use the set <p> & </p>.
  • 4. &nbsp: New Blank Space ¨C acts like the spacebar, use no < > & can use many together. Horizontal Rule: <hr> isn¡¯t a set, adds a visible horizontal line, used to make sections. You can use as many of these as needed. Remember a paragraphs can be sentence, word, phrase or full paragraph.
  • 5. Adding Comments or Notes When you want to add notes or comments to a section or the entire web page use this tag <!--comment--> Simply replace the word comment. It doesn¡¯t show up in the browser. It will help you understand the source code better. Can be used anywhere in the document.
  • 6. Tags and their Attributes Tags whether singles or sets will have attributes. Attributes allow the tags to have additional features such as size, and colors. These Attributes or ¡° Add-On ¡± will always go after the opening tag only and never in the closing tag , if it¡¯s a set.
  • 7. Changing the Appearance of the Horizontal Rule To Change the Width or Length ¨C <hr width=number or %> Thickness or Height - <hr size=number> Alignment ¨C <hr align=¡±right, center or left¡±>
  • 8. Don¡¯t Forget to Combine When Possible <hr width=70 align=¡°right¡± size =30>
  • 9. So, What¡¯s the Next Step? Review this presentation as many times as needed. Complete the Exercise(s) that follows this Module. Don¡¯t forget to put it in the Dropbox. When finished, go on to the next Module¡¯s overview.