 To specify blue as the background color for a page, put bgcolor=“blue” inside the tag. Of course, you can use many colors other than blue. You can choose.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

Tutorial 3 – Designing a Web Page Working with Color & Graphics Mrs. Wilson.
HTML IFRAMES, COLORS, ENTITIES, URL. HTML IFRAMES An iframe is used to display a web page within a web page. Apep Kamaludin, MT. |
Design, Formatting, CSS, & Colors 27 February, 2011.
Math Further HTML and Web design Gavin Shaddick
Images & Tables. Three graphic file types are supported by today's browsers: GIF - Graphic Interchange Format JPEG - Joint Photographic Experts Group.
1 Custom Background And Colors Text Formatting and Font Control Using Images Using HTML and JavaScript to Develop Websites.
Tutorial 3 Designing a Web Page.
HTML Lesson 2 TBE 540 Farah Fisher. Prerequisites Access web pages and navigate Use search engines to locate specific information Download graphics from.
Basic HTML UCR Webmasters Support Group Derk Adams.
RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-
More HTML Chapter 4. 2 Nesting Tags How do you write the following in HTML? The wrong way: This is really, REALLY fun ! Tags must be correctly nested.
AdvWeb-1/9 DePaul University SNL 262 Web Page Design Chapt 11 - Custom Background And Colors Instructor: David A. Lash.
HTML BASIC
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
1 Introduction to HTML. 2  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language  of Web Pages on the World Wide Web. HTML is a.
Explanation of Web 6, Web 7 and Web 9 at my site Please be sure to bring up the speaker notes for the explanation Intro - Web 6, Web 7 and Web 9.
Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.
Creating Web Pages with Links, Images, and Formatted Text.
© 2000 – All Rights Reserved – Page 1 Web Color. © 2000 – All Rights Reserved – Page 2 Issues with Color Every hardware setup is different –graphics card.
HTML basics exercises.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Colors, Images, & Image Maps. Working with Color Colors are defined in terms of RGB Triplet –Red, Green, Blue –0 to 255 in intensity –(00, 00, 00) is.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.
Content To Date Review Course Work/Labs Assigned to Date Review HTML Image Tag Editing code for image folder Introduce HTML Color Tags Webpage Safe Colors.
HTML ICT This game is strictly for fun. No money can be won.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
Kevin Murphy Web Color Basics Masters Project CS 490.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.
Introduction To CSS.. HTML Review What is HTML used for? Give some examples of formatting tags in HTML? HTML is the most widely used language on the Web.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Chapter 6 An Introduction to HTML Pages Tag Nesting You can put two tags together to combine the effects Bold and underlined But make sure.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
 Tag
15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.
 A style sheet is a single page of formatting instructions that can control the appearance of many HTML pages at once.  If style sheets accomplished.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Review session for Web development. Time line of the internet history When was the ARPANET first demostrated? When did the NFSNet replace it? When did.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
Most of the attributes of the body element specify colors for the Web page. Note: The background attribute won’t be useful till we learn about graphics.
1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.
Web Colors. Web Colors: Up until now, we have been using only pre- defined color names, such as "orange" and "lightblue". As web designers, we need the.
Applying Color in CSS Web Design – Sec 4-5 Part or all of this lesson was adapted from the University of Washington’s “ Web Design & Development I ” Course.
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
44212: Web-site Development Optimising Images for Web-pages Ian Perry Room:C49 Extension:7287
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
Computer Science 101 Color, Fonts, Links, Design.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
The Teacher Computing HTML HyperText Markup Language.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
12/20/20151 Color Fall, 2010 Modified by Linda Kenney 10/26/10.
CSU - DCE Introduction to CSS CSS Colors - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying Color Instructor: Joseph.
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
HTML & Color How to Use Color  Backgrounds-  Usually a light color is best  Should have a color based on a theme or plan  Can have a dark.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
Elements of Design 1.02 Investigate Design Principles and Elements.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
G046 Lecture 03 Introduction To HTML Mr C Johnston ICT Teacher
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
Basic Web Publishing M. Scott Gartner 7/15/98.
Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.
Introduction to HTML.
Lesson 2 — HTML Organization Techniques
Presentation transcript:

 To specify blue as the background color for a page, put bgcolor=“blue” inside the tag. Of course, you can use many colors other than blue. You can choose from the 16 standard Windows colors.  You can also call magenta by the name fuchsia and cyan by the name aqua if you want to feel more artsy and less geeky.

 You can also specify colors for text and links in the tag. For example:  There are three separate attributes for link colors: link – “yellow” makes links that haven’t been visited recently yellow. vlink – “lime” makes recently visited links lime green. alink – “red” makes links briefly blink red when some clicks them.

 If the 16 colors don’t include the exact hue you’re after, you can mix your own custom colors by specifying how much red, green and blue light should be mixed into each color.  The format is #rrggbb where rr, gg, and bb are two-digit hexadecimal values for the red, green and blue components of the color.

 Just remember that ff is the maximum and 00 is the minimum, and use of the following codes for each component: ff means full brightness cc means 80 percent brightness 99 means 60 percent brightness 66 means 40 percent brightness 33 means 20 percent brightness 00 means none of this color component

 For example, bright red is #ff0000,dark green is #003300, bluish purple is #660099, and medium gray is #  You can also use hexadecimal color codes in the tag.

 Keep in mind that even though you can specify millions of different colors, some computers are set to display on the 16 named colors. Other computers only reliably display 216 colors in the color code.  You should be aware that different computer monitors may display colors in very different hues.  The moral of the story: Stick to the named colors and don’t waste time mucking with hexadecimal color codes, unless you have precise control over your intended audience’s computer displays and to be safe, do test your page on different monitors if possible.

 Background tiles let you specify an image to be used as wallpaper pattern behind all text and graphics in a document. You put the image filename after the background= in the tag at the beginning of your page.  Like other Web graphics, background tiles must be in either the GIF or JPEG file format.

TagAttributeFunctions … Encloses the body (text and tags) of the HTML document background=“…”The name or address of the image to tile on the page background bgcolor=“…”The color of the page background text=“…”The color of the page’s text link=“…”The color of unfollowed links alink=“…”The color of activated links vlink=“The color of followed links