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.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Frames.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
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.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
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.
กระบวนวิชา 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.
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.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
CIS 1300 – Web Design SoftwareMichael J. Losacco HTML Hypertext Markup Language.
Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Introduction to HTML HTML = Hypertext Markup Language HTML is a very weak language (basically nil). –Not designed to do computation. HTML is designed specifically.
1 Using Commands in MS Interdev 6.0 for Building a Web Page Prepared by: Cengizhan Cengiz
1 Today File Paths and File Extensions Files and Folders Defining Absolute and Relative Addresses Most Known File Extensions Your First Web Page Elements.
Basic HTML UCR Webmasters Support Group Derk Adams.
4.01 Cascading Style Sheets
Chapter 6 Working with Frames.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
CS105 Introduction to Computer Concepts HTML
XP 1 Tutorial 5 Using Frames in a Web Site. XP 2 Tutorial Objectives  Describe the uses of frames in a Web site  Lay out frames within a browser window.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
Chapter 19: Adding JavaScript
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
CSS Class 7 Add JavaScript to your page Add event handlers Validate a form Open a new window Hide and show elements Swap images Debug JavaScript.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.
1 Background and Text Links CGS3066 Rory J. De Simone.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 3.
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
Adding Graphics to Web Pages. CSS does not have any properties specifically aimed at formatting images Use properties you have already learned, i.e.,
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
CSCE 102 – Chapter 6 (Web Design and Layout) CSCE General Applications Programming Benito Mendoza Benito Mendoza 1 By Benito Mendoza.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
1 CHAPTER 03: GOING FURTHER By Tharith Sriv. This chapter covers the following topics:  Flying texts or images  Using Comment  Using tag  Using …
1 HTML Frames
By Tharith Sriv. To write a web page you use: HHTML (HyperText Markup Language), AASP (Active Server Page), PPHP (HyperText Preprocessor), JJavaScript,
1 Chapter 05: Creating Your Form. What is a Form? When you visit some websites you see a form. With this form, you are asked to complete, for example,
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
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.
COS 125 DAY 20. Agenda Assignment 8 not corrected yet Assignment 9 posted  Due April 16 New course time line Discussion on Scripts 
1 Chapter 04: Working with Table By Tharith Sriv.
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.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
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.
HTML – The Basics Rebecca Shillingburg
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
CIS 375—Web App Dev II DHTML. 2 Introduction to DHTML _________ HTML is “a term used by some vendors to describe the combination of HTML, style sheets.
CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.
HTML Basics.
4.01 Cascading Style Sheets
Madam Hazwani binti Rahmat
Tag Basics.
Font tag and its attributes
Cascading Style Sheets™ (CSS)
Tutorial 3 Working with Cascading Style Sheets
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.
4.01 Cascading Style Sheets
Presentation transcript:

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 tag “META”  Attributes of You will also be guided to complete your project.

T HE TAG  In HTML, specifies information about the document to browsers, applications, search engines.  The tag is placed within the document head.  For example, you can use tag to instruct browser to load new document after 10 s.

T HE TAG  You use to instruct browser.  You can specifies keywords for search engines to associate with your documents.

A TTRIBUTE OF CONTENT=“..”  Assigns values to HTTP header filed.  When using the REFRESH HTTP header, assign a number along with a URL; the browser then loads the specified URL after the specified number of seconds.

A TTRIBUTE OF  See the example below:  With this example, the new page nextpage.html will appear in the same browser after 2 seconds.

A TTRIBUTE OF HTTP-EQUIV=“..”  This indicates the HTTP header value you want to define, such as Refresh, Expires, or Content- Language.  See the example below:

A TTRIBUTE OF NAME=“..”  Specifies the name of the association you are defining, such as Keywords or Description..  See the example below:

T HE TAG  You have already learnt about.  However, some attributes are new for you.  Next slides show ATTRIBUTES of tag.

A TTRIBUTE OF ALINK=“#RRGGBB”  Indicates the color of hyperlink text while the text is selected.  Color names can substitute for the RGB hexadecimal values.

A TTRIBUTE OF LINK=“ #RRGGBB ”  Indicates the color of hyperlink text within the document, which corresponds to documents not already visited by the browser.  Color names can substitute for the RGB hexadecimal values.

A TTRIBUTE OF VLINK=“ #RRGGBB”  Indicates the color of hyperlink text within the document, which corresponds to documents already visited by the browser.  Color names can substitute for the RGB hexadecimal values.

A TTRIBUTE OF TEXT=“ #RRGGBB ”  Indicates the color of normal text within the document.  Color names can substitute for the RGB hexadecimal values.

A TTRIBUTE OF BACKGROUND=“ URL ”  Specifies the relative or absolute location of an image file that tiles across the document’s background.  See the example below:

A TTRIBUTE OF BGCOLOR=“ #RRGGBB ”  Indicates the color of a document’s background.  Color names can substitute for the RGB hexadecimal values.

A TTRIBUTE OF BGPROPERTIES=“ FIXED ”  Specifies the behavior of the background image  BGPROPERTIES= FIXED indicates that the background image remains in place as you scroll the document, creating a watermark effect.

A TTRIBUTE OF CLASS=“.. ”  Indicates which style class applies to the element.  An example of this can be seen below:

A TTRIBUTE OF ID=“ n ”  Assigns a unique ID selector to the tag.  See below:

A TTRIBUTE OF LEFTMARGIN=“ n ”  Specifies the width (in pixels) of a margin of white space along the left edge of the entire document.

A TTRIBUTE OF TOPMARGIN=“ n ”  Specifies the size (in pixels) of a margin of white space along the top edge of the entire document.

A TTRIBUTE OF SCROLL=“ YES, NO ”  Indicates whether scrolling is possible within the document body.  See the example below:

A TTRIBUTE OF STYLE=“ … ”  Specifies Style Sheet commands that apply to the document body.  See example.

A TTRIBUTE OF TITLE=“ … ”  Specifies text assigned to the tag. You might use this attribute for context-sensitive help within the document.  Browsers may use this to show tool tips.

A TTRIBUTE OF Other Attributes  This tag also accepts the lang, dir, onload, onunload, onClick, onDblClick, onMouseDown, onMouseUp, onMouseOver, onMouseMove, onMouseOut, onKeyPress, onKeyDown, and onKeyUp attributes.