ColorsColors. Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link.

Slides:

Advertisements

Similar presentations

Basic Principles for Web Design Source:

Advertisements

Basic HTML Trystan Upstill Comp3400 Lecture 06/03/2001.

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

With CSS, a color is most often specified by: a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" a color name - like "red“ Example h1.

CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thur 14:00 – 16:50) TA: Jackie Lo.

Working Graphics. Slide 2 Lecture Overview Formatting Text Understanding whitespace.

Chinese Building. Today’s Topic Review last lab Links.

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-

ImagesImages. Review and tag Links (relative, absolute, mailto) Open Links in a new window (target attribute)

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Chapter 8 Cascading Style Sheets (CSS). Agenda Definition of a CSS style Types of CSS Styles CSS Backgrounds CSS Text CSS Fonts CSS Links CSS Lists CSS.

CS105 Introduction to Computer Concepts HTML

Web Design I Spring 2009 Kevin Cole Gallaudet University

Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.

Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

HTML II ECT 270 Robin Burke. 2 Outline Review Images text flow links Image maps Colors Tables.

1 Essential HTML coding By Fadi Safieddine (Week 2)

Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.

Adding Image, audio and video files to web pages Basharat Mahmood, Department of Computer Science,CIIT,Islamabad, Pakistan. 1.

1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.

1 Web Developer & Design Foundations with XHTML Chapter 4 Key Concepts.

CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.

HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.

Add an Image. index.html about.html contact. html contact. html.

Academic Year, Spring Semester Bilkent University - Faculty of Art, Design and Architecture Department of Communication and Design CS 153 Introduction.

1 Review of HTML Elements. 2 The tag These tags are marked as comments in HTML. Any text between these two comment tags will.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Images  Colors.

Internet Applications Development Lecture 4 L. Obead Alhadreti.

HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.

Image Map You can define a region on your image as clickable. Add usemap=“mapname” parameter to your image. Add a tag to your html where name of map tag.

Tables Attributes Image Map.  Tables are defined with the tag.  A table is divided into rows with the tag.  Each row is divided into data cells with.

Web Design–Part 2 Links, Graphics, Tables, and Color Explorers Guild May 25, 2000.

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

Basic Webpage Design Mark-up html document with images.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

HTML BASIC IST 210: Organization of Data IST210 1.

Spiderman ©Marvel Comics Creating Web Pages (part 1)

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.

Slide 1 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Images  Colors.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.

HTML Basic IST 210: Organization of Data IST2101.

HTML III ECT 270 Robin Burke.

HTML Basics (Part-3).

Hyper text markup Language

Tutorial 3 – Designing a Web Page

From now on you are the Creator,

Programming the Web using XHTML and JavaScript

HTML Images CS 1150 Spring 2017.

COMPUTING FUNDAMENTALS

HTML (HyperText Markup Language)

Graphics (Characteristics 1)

HTML Image Maps Teacher: Ms. Olifer.

Hyper text markup Language

Introduction to HTML: Image Maps

HTML (Hypertext Markup Language )

HTML Images CS 1150 Fall 2016.

Graphics Considerations

Presentation transcript:

ColorsColors

Review Image markup Important attributes BORDER, WIDTH, HEIGHT ALT, ALIGN Image link

Today’s Topic Bookmark Image Map Colors

Namede Anchors cause the anchor element to function as a bookmark in the webpage

defining and using of Named Anchor Using: ….

Reference to named anchors in other pages … News

Image Map attributes <AREA HREF="contacts.html" ALT="Contacts" TITLE="Contacts" SHAPE=RECT COORDS="6,116,97,184">

Attributes of Image Maps Shape COORDS

Using Image map <A SRC=… USEMAP = “#mapname”>

Color Defined using a hexidecimal notation The combination of Red, Green,Blue (RGB) The lowest value – 0 The highest value – 255 (hex #FF)

Combination of R, G, B ColorColor HEXColor RGB #000000rgb(0,0,0) #FF0000rgb(255,0,0) #00FF00rgb(0,255,0) #0000FFrgb(0,0,255) #FFFF00rgb(255,255,0) #00FFFFrgb(0,255,255) #FF00FFrgb(255,0,255) #C0C0C0rgb(192,192,192) #FFFFFFrgb(255,255,255)

More user-defined colors

Assignment erioid4/lab7_assign.html