SlideShare ist ein Scribd-Unternehmen logo
1 von 7
More Basic HTML Module 2: HTML Basics, Lesson 2
Guiding Questions What colors do you like to see when viewing a web page? How can a choice of color affect the message on a Web page? What is text alignment and what are some examples of it? (You will respond to these questions in the discussion forums)
Coloring the Web Color choice can be crucial to conveying your message and engaging your audience Colors affect our decisions everyday… without ever realizing it! Web colors can be defined three ways: Color Name (i.e. Black; 16 choices) Hexadecimal code (#000000) RGB code (0, 0, 0)
Defining Colors Hexadecimal Color Chart Visibone Hexadecimal Color Chart - 216 Web Safe Color Chart (Hexadecimal and RGB)  Color Names and Hexadecimal Code RGB, Hexadecimal and Color Names RGB, Hexadecimal and Color Names Each is a link to an online resource
Background Color Background color is defined using an attribute Attributes define the way a tag should be marked up The background color attribute is “bgcolor” <body bgcolor=“black”> This code would change the background color for the page to black
Text Alignment As with any word processing program, you can choose to align the text on a page in three ways Left Center Right By default, text will be aligned to the left margin of a web page
Horizontal Rules A horizontal rule is a line that spans the width of a web page element Created using the <hr> tag Attributes can be defined to change the default line Width can be defined as a percentage Size is defined with an integer Color is defined by a code Ex: <hr width=“90%” size=“5” color=“#000000”>

Weitere ähnliche Inhalte

Mehr von coachhahn

THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Designcoachhahn
 
Illustrations
IllustrationsIllustrations
Illustrationscoachhahn
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Chartscoachhahn
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Chartscoachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networkscoachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networkscoachhahn
 
Communications and Networks
Communications and NetworksCommunications and Networks
Communications and Networkscoachhahn
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulascoachhahn
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formulacoachhahn
 
Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulascoachhahn
 
Impact of Images
Impact of ImagesImpact of Images
Impact of Imagescoachhahn
 
Format as a Table
Format as a TableFormat as a Table
Format as a Tablecoachhahn
 
Repetition and Unity
Repetition and UnityRepetition and Unity
Repetition and Unitycoachhahn
 
Formatting Cells
Formatting CellsFormatting Cells
Formatting Cellscoachhahn
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximitycoachhahn
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columnscoachhahn
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheetscoachhahn
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typographycoachhahn
 

Mehr von coachhahn (20)

THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Design
 
Illustrations
IllustrationsIllustrations
Illustrations
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Charts
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Charts
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Communications and Networks
Communications and NetworksCommunications and Networks
Communications and Networks
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulas
 
Logos
LogosLogos
Logos
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formula
 
Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulas
 
Impact of Images
Impact of ImagesImpact of Images
Impact of Images
 
Format as a Table
Format as a TableFormat as a Table
Format as a Table
 
Repetition and Unity
Repetition and UnityRepetition and Unity
Repetition and Unity
 
Formatting Cells
Formatting CellsFormatting Cells
Formatting Cells
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximity
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columns
 
Movement
MovementMovement
Movement
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheets
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
 

Kürzlich hochgeladen

Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxShobhayan Kirtania
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 

Kürzlich hochgeladen (20)

Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 

T.2.2.pp(new)

  • 1. More Basic HTML Module 2: HTML Basics, Lesson 2
  • 2. Guiding Questions What colors do you like to see when viewing a web page? How can a choice of color affect the message on a Web page? What is text alignment and what are some examples of it? (You will respond to these questions in the discussion forums)
  • 3. Coloring the Web Color choice can be crucial to conveying your message and engaging your audience Colors affect our decisions everyday… without ever realizing it! Web colors can be defined three ways: Color Name (i.e. Black; 16 choices) Hexadecimal code (#000000) RGB code (0, 0, 0)
  • 4. Defining Colors Hexadecimal Color Chart Visibone Hexadecimal Color Chart - 216 Web Safe Color Chart (Hexadecimal and RGB) Color Names and Hexadecimal Code RGB, Hexadecimal and Color Names RGB, Hexadecimal and Color Names Each is a link to an online resource
  • 5. Background Color Background color is defined using an attribute Attributes define the way a tag should be marked up The background color attribute is “bgcolor” <body bgcolor=“black”> This code would change the background color for the page to black
  • 6. Text Alignment As with any word processing program, you can choose to align the text on a page in three ways Left Center Right By default, text will be aligned to the left margin of a web page
  • 7. Horizontal Rules A horizontal rule is a line that spans the width of a web page element Created using the <hr> tag Attributes can be defined to change the default line Width can be defined as a percentage Size is defined with an integer Color is defined by a code Ex: <hr width=“90%” size=“5” color=“#000000”>