Attribute of heading, <p> and <hr> tag

Slides:



Advertisements
Similar presentations
Working with Images and HTML
Advertisements

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Iframes & Images Using HTML.
1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
Internet Applications Development Lecture 3 L. Obead Alhadreti.
Web Development & Design Foundations with XHTML Chapter 4 Key Concepts.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 4 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML Tags. Bolding Text Or Italics Text Or
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 4: Horizontal Rules and Graphical Elements.
1 IMAGES: A Picture Is Worth a Thousands Words, Image Formats Image Sizes Graphic Tips Image Tag Attributes Centering Images.
Marking Up With Html: A Hypertext Markup Language Primer
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Chapter 3 Adding Images in HTML. Agenda Understanding Web Page Images Prepare Your Images for the Web Insert an Image Specify an Image Size Add Alternative.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.
Unit 4 Lesson 3 HTML Power Techniques Textbook Authors: Knowlton, Barksdale, Turner, & Collings PowerPoint Lecture by Mr. Clausen.
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.
HTML Boot Camp: Rules and Images
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 4: Horizontal Rules and Graphical Elements © 2007 Prosoft Learning Corporation All rights.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Day 4.  Assignment 1 Due  Assignment 2 Posted Assignment 2 Posted  Due Feb 9:35 AM  3 8:30 AM  Today we will look at creating and using.
1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.
1 Web Developer & Design Foundations with XHTML Chapter 4 Key Concepts.
Adding Images Learning Web Design: Chapter 7. Using an Image Images have many purposed on a Web site Used as a static image To add illustration: ex. A.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Adding Graphical Elements Essentials for.
TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.
LECTURE 18 Java and Web Pages. Java Savvy Browser A browser capable of handling java applets: - Netscape Navigator - Microsoft Internet Explorer - Sun.
TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.
COS 125 Day 4. Agenda Assignment 1 Due Assignment 2 Posted –Due Feb 9:35 AM Today we will look at creating and using images Examples –
Internet Applications Development Lecture 4 L. Obead Alhadreti.
1 CHAPTER 03: GOING FURTHER By Tharith Sriv. This chapter covers the following topics:  Flying texts or images  Using Comment  Using tag  Using …
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.
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
ECA 228 Internet/Intranet Design I HTML Tags. ECA 228 Internet/Intranet Design I anchor tags Adds a link to the web page Anything placed between the anchor.
Images. Working with Images What is the difference between the GIF and JPEG formats? GIF – Graphic Interchange Format Limit to 256 colors Often used for.
REEM ALMOTIRI Information Technology Department Majmaah University.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Part 4 Text & Fonts © UNT in partnership with TEA1IT: Web Technologies - HTML Scripting.
Marking Up with XHTML Tags describe how a web page should look
Inserting and Working with Images
Linking With Graphics INP150: Basic HTML March 25, 2002.
GRAPHICS(IMAGES) Explained By: Sarbjit Kaur.
Tag Basics.
Chapter 3 Images.
Web Development & Design Foundations with HTML5 7th Edition
Font tag and its attributes
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Pertemuan 1b
Attribute of heading, <p> and <hr> tag
Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer
Marking Up with XHTML Tags describe how a web page should look
Basic HTML.
Marking Up with XHTML Tags describe how a web page should look
Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements
Attribute of heading, <p> and <hr> tag
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Attribute of heading, <p> and <hr> tag Special Character Nesting tags GIF and JPEG Inserting Images Marquee tag

Attribute of heading, <p> and <hr> <p align=“ “> ………</p> left, right, center <hn align=” ”>………</hn> n = 1, 2, 3, 4, 5, 6 Integer or percentage Color Name or Hexadecimal value Integer <hr width=“ ” size=“ ” color=“ ” align=“ ”> left, right, center Length of the horizontal rule Thickness of the horizontal rule

Special Character Special characters are characters which have a meaning in HTML or cannot by typed through keyboard For example, less than < , greater than >, spaces, quotation, copyright, trademark Special character are expressed using a special name or numeric character < >   © < >   ©

Nesting tags Tags placed within an affected segment of another tag for multiple effect is known as Nesting tags Example <b>This text is bold and <u>underlined </u> </b>

GIF and JPEG Two popular image formats GIF: Graphic Interchange Format JPEG: Joint Photographic Experts Group Each image formats has its own advantages and drawbacks

Graphic Interchange Format Advantages Interlacing  image materialize on the display Transparency  allow images to blend into the document Animations  ability to do frame by frame; a single gif can contain series of gif images Drawbacks Limited number of colors– not appropriate for photorealistic pictures Usage Icons, Drawings, Reduced color images

Joint Photographic Expert Group Advantages Supports 10 of thousands of colors for detailed and photorealistic images Drawbacks Adds delay to retrieval time for a document Not good for illustrations

Inserting Images <img src=“ ” align=“ ” width=“ ” height=“ ” Source value is name of the image file left, right, middle, center, top, bottom Integer or percentage <img src=“ ” align=“ ” width=“ ” height=“ ” alt=“ ” hspace=“ ” vspace=“ ” border=“ ” > Alternate specifies description of the image Horizontal space surrounding the image Vertical space surrounding the image Thickness of the rectangular border around the image

Marquee tag Direction for text or image -- left, right, up, down Behavior of text or image -- scroll, slide, alternate Background color for the marquee area <marquee direction=“ ” behavior=“ ” bgcolor=“ ” width=“ ” height=“ ” scrollamount=“ ” scrolldelay=“ ” > ……………… The number of pixels between moving the text or image The time between movement in millisecond </marquee>