Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

CSS-Formatting Review Cascading Style Sheets addstyle to your HTML web pages.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.

CHAPTER 8 ADVANCED CSS. LEARNING OBJECTIVES Assign formatting styles to a CSS class definition Use a tag’s class attribute to apply the styles defined.

Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.

End User Computing An Introduction to CSS Sujana Jyothi Research Lab1, Callan Building, Department of Computer Science

Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.

1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.

Chapter 8 Creating Style Sheets.

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.

Images & Tables. Three graphic file types are supported by today's browsers: GIF - Graphic Interchange Format JPEG - Joint Photographic Experts Group.

Cascading Style Sheets Controlling the Display Of Web Content.

Web Page Development Identify elements of a Web Page Start Notepad

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

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.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

Creating Tables in a Web Site Using an External Style Sheet

HTML Line Breaks and HTML Horizontal Rules (Lines)

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Web Technologies Website Development Trade & Industrial Education

Website Development with Dreamweaver

Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML

1 Background and Text Links CGS3066 Rory J. De Simone.

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

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

More Basic XHTML Module 2: XHTML Basics LESSON 2.

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.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.

CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.

Just Enough HTML How to Create Basic HTML Documents.

 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.

Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,

CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.

CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.

C H 07: M ORE A BOUT HTML Tharith Sriv. O UTLINE You have already learnt almost everything in HTML. In this chapter, you will learn more about:  An HTML.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

Cascading Style Sheets

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

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

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 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.

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

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

Creating Tables in a Web Site HTML 4 Created by S. Cox.

CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.

Creating Web Pages with Links, Images, and Embedded Style Sheets

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

Command Innovative Technologies HTML (Hyper Tax Markup Language AND CSS(Cascading Style Sheet) 1.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

1 Cascading Style Sheets

Web Basics: HTML/CSS/JavaScript What are they?

>> Introduction to CSS

Website Design 3

Cascading Style Sheets - Building a stylesheet

>> Dynamic CSS Selectors

Web Design and Development

Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.

Cascading Style Sheets - Building a stylesheet

Presentation transcript:

Body and Heading Tags and their Attributes

Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path could be included)of the image file bgcolorIndicates the background color of the Web page. Ex. Assigned name or hexadecimal value of the color textIndicates the color of the text in the Web page. Ex. Assigned name or hexadecimal value of the color linkIndicates the color of the hyperlinks in the Web page. Ex. Assigned name or hexadecimal value of the color vlinkIndicates the color of the visited hyperlinks in the Web page. Ex. Assigned name or hexadecimal value of the color Body Tag Attributes

Attribute Name DefinitionValues alinkIndicates the color of the active hyperlinks (when clicked) in the Web page. Ex. Assigned name or hexadecimal value of the color class, id, styleUsed in Cascading Style Sheets or CSS Body

Headings These are container tags which format text using pre-defined values for size and color. There are 6 heading tags and they are,,,,, Used for titles and headers The biggest Heading is and the smallest is Note: Extra lines are placed after headings when displayed on a Web browser.

Attribute Name DefinitionValues alignIndicates the horizontal alignment of heading. Ex. This is left-aligned Left, right, center, justify titleIndicates the text that appears when the mouse hovers over the heading. Any text class, id, styleUsed in Cascading Style Sheets or CSS Heading Attributes

Heading Levels

Heading Alignments

Activity 1 List the attributes for the tag. 1.Indicates the color of the active hyperlinks (when clicked) in the Web page. 2.Indicates the background color of the Web page. 3.Indicates the color of the hyperlinks in the Web page. 4.Indicates the color of the text in the Web page. 5.Indicates the background image of the Web page. 6.Indicates the color of the visited hyperlinks in the Web page.

Make the necessary corrections to the following HTML codes. Write correct on the answer sheet if the code is free from error. Activity body vlink=“#ff0000” 7. body alink=“#000000”

Activity 3 Put T if the statement is true and put F if the statement is false. 1.Background indicates the background color of the Web page. 2.Attributes provide additional information about the tag. 3.The text indicates the color of the text in the Web page. 4.Headings are container tags which format text using pre-defined value for size and color. 5.The background color indicates the background image of the Web page. 6.Link indicates the color of the hyperlinks in the Web page. 7.There are 6 heading tags used in making HTML. 8.The align attribute indicates the vertical alignment of heading. 9.Extra lines are placed after headings when displayed on a Web browser. 10.The vlink attribute indicates the color of the visited hyperlinks in the Web page.