Lesson 2 - More Basic HTML

206 views
185 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
206
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Lesson 2 - More Basic HTML

  1. 1. More Basic HTMLModule 2: HTML Basics, Lesson 2
  2. 2. 1. What colors do you like to see when viewing a web page?2. How can a choice of color affect the message on a Web page?3. What is text alignment and what are some examples of it? (You will respond to these questions in the discussion forums)Guiding Questions
  3. 3. • 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: 1. Color Name (i.e. Black; 16 choices) 2. Hexadecimal code (#000000) 3. RGB code (0, 0, 0)Coloring the Web
  4. 4. • 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 resourceDefining Colors
  5. 5. • 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 blackBackground Color
  6. 6. • 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 pageText Alignment
  7. 7. • 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”>Horizontal Rules

×