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.

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.

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

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.

CIS101 Introduction to Computing HTML Project Two.

Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

Marking Up With Html: A Hypertext Markup Language Primer

Phil Campbell (LSBU) Session 2 Other Common Tags IMG Finding images Tables Anchor Tags Web layouts Tables Exercise Summary of attributes.

HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation

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.

HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –

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.

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.

HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.

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.

Using images with XHTML Please use speaker notes for additional information!

1 Essential HTML coding By Fadi Safieddine (Week 2)

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.

Understanding HTML Code

Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.

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

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.

Creating Web Pages with Links, Images, and Formatted Text

Just Enough HTML How to Create Basic HTML Documents.

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

1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Adding Graphical Elements Essentials for.

HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”

Internet Applications Development Lecture 4 L. Obead Alhadreti.

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

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

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

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 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

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.

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

HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.

Web Page Design Mr. Gironda

Marking Up with XHTML Tags describe how a web page should look

Survey of Computer Science CSCI 110, Spring 2011 Lecture 23 HTML

Hosted by Coach Slanina

Adding Images to Your Web Page

Web Development & Design Foundations with HTML5 7th Edition

Creating a Web Site with Links

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

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

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

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:

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 Colors and their hexadecimal equivalents + sixteen predefined colors

Adding an Horizontal Rule Horizontal rules are graphical images that act as dividers in a Web page. tag

Alignment Attribute align attribute left, center, or right

FONT Attributes font tag Font Attributes: color Changes the font color Uses color codes face Changes the font type size Changes the font size Choices from 1 to 7, or relative values such as +2

Bold and Italic Bold: …. Italic: …..

Web Page Images Used as: ▫Background ▫Pictures or graphics on the web page Image Types: ▫JPEG (Joint Photographic Experts Groups) files: A graphic image that is saved using compression techniques to make it smaller for download on the Web. It supports more colors and resolutions than the other file types => good for complex images such as scanned photographs.

Background Images Use the “background” attribute for the body tag

Inserting an Image and Wrapping Text src attribute with border, height, width, align border value: 0 => No border  1 => Thin border  2 => Thicker border ….. align value: left, right, bottom, top, middle

Adding a Link Uses and tags Three types of links: ▫ links ▫Internal links ▫External links mailto word Collier

links mailto word Collier

Internal Links here

External Links Yahoo!

Summary HTML tags and attributes: TAGSATTRIBUTES color, size, face,,, src, alt, width, height, border href, target bgcolor background,, etc.align