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

Slides:



Advertisements
Similar presentations
Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
Frames.
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.
Creating Tables Text Tables -created by using preformatted tags. Graphical Tables - created using Table Structure with HTML.
Tutorial 4: Designing a Web Page with Tables
© 2004, Robert K. Moniot Chapters 4 & 5 Introduction to HTML, More Details.
1 XHTML continued Use the anchor tag to link from page to pageUse the anchor tag to link from page to page Create absolute and relative linksCreate absolute.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
Using HTML Tables.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
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.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
What is a TABLE? The HTML table allows web designers to arrange & organize data -- text, images, hyperlinks, forms, form fields, other tables, etc. Tables.
Notes Ch. 12—Creating Tables Web Page Design. Why Use Tables? Tables are used to create a variety of items such as calendars, charts, and spreadsheets.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
HTML Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
Chapter 5 Working with Tables. Agenda Add a Table Assign a Table Border Adjust Cell Padding and Spacing Adjust Cell Width and Height Add Column Labels.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
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.
CS105 Introduction to Computer Concepts HTML
XHTML Tables. Tables create little boxes in which you can place things to keep them organized. The little boxes are called table cells. Tables are created.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit F Working with Tables.
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.
Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
Understanding HTML Code
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
HTML. Basic HTML HTML document – HTML headings – to HTML paragraphs – HTML links – HTML images –
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
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.
1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.
1 Web Developer & Design Foundations with XHTML Chapter 3 Key Concepts.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Designing a Web Page with Tables. A text table: contains only text, evenly spaced on the Web page in rows and columns uses only standard word processing.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
HTML: Tables & Frames Internet Technology.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain 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.
Unit 4 Create and Use Tables. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date: 09/08/2009 Period : Summary: Reasons for using tables Unit 4 Page 1 Display.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML Links HTML uses a hyperlink to another document on the Web.
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.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Assistant Professor,UCER Naini,Allahabad
REEM ALMOTIRI Information Technology Department Majmaah University.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
01 – HTML (1) Informatics Department Parahyangan Catholic University.
>> HTML: Tables.
Using HTML Tables SWBAT: - create tables using HTML
HTML Tables & Frames Internet Technology.
Pertemuan 1b
Introduction to HTML.
Lesson 5: HTML Tables.
HTML Tables & Frames Internet Technology.
Presentation transcript:

1 Review of HTML Elements

2 The tag <!-- Text_to_comment --> These tags are marked as comments in HTML. Any text between these two comment tags will not be displayed in the user’s browser window.

3 The tag  This tag tells the browser to add a line break to the current page.

4 The tag tag  Tells the browser to include an image into the current page. 

5 The tag src  Sets the source URL for the image. This parameter is required. alt  Sets the alternative text for the image. If the current browser is incapable of displaying image, this text will be displayed instead. width  Sets the width of the image. Two possible values can be set for this parameter. One is number that sets the width of the image in pixels. The other is a % that sets the width of the image as a % of the curent browser viewscreen. height  Sets the height of the image. Two possible values can be set for this parameter. One is number that sets the height of the image in pixels. The other is a % that sets the height of the image as a % of the curent browser viewscreen. If you do not use height and width attributes the image will be displayed by its default size.

6 The tag tag used in between tags.  tag Displays a horizontal line accross the page. The horizontal line will be displayed in pseudo 3D. The appearance of the line varies according to the browser used.

7 The tag align  sets the horizotal alignment of the horizontal rule. Possible parameters: center,left,right color  sets the color of the horizontal rule. noshade  removes the pseudo 3D shading from the horizontal rule. Size  Sets the size of the horizontal rule in pixels. Width  Sets the width of the horizontl rule. The possible values for this parameter can either be a number or a percent. A number sets the horizontal rule width in pixels. A number followed by a % sets the horizontal width to a % relative to the size of the browser display.

8 The tag tag used in between tags. Text_to_be_displayed href  Tells the browser the target URL of the hyperlink  Tag The tag defines either a hyperlink that allows a browser to jump to another page, or it defines a bookmark. HREF or NAME parameter is required.

9 The tag Text_to_be_displayed  target Tells the browser which frame to jump to.  _blank :means open a new browser window.  _self : means use the currenct window (and if exists current frame)

10 The tag Text_to_be_displayed  href Starting with mailto: When someone clicks this type of anchored link, most browsers lnch the default program.

11 The tag  Text_to_be_focused Later/before somewhere to focus on this item  Text_to_focus name  This parameter sets the current location as a bookmark using the indicated name.  It is possible to focus to some location in a remote file.  Text_to_focus

12 The tag tag  places a table onto the page.   border Sets the width of the border in pixels. If it is not set, the border around the table will be transparent.  Width Sets the width of the table. The possible values for this parameter can either be a number or a percent. A number sets the table width in pixels. A number followed by a % sets the table width to a % relative to the size of the browser display.

13 The tag Used in between tags. tag  Indicates a row in a table.    align Sets the horizontal alignment of the table row. Possible parameters: center,left,right.  Valign Sets the vertical alignment of the table row. Possible parameters: baseline,bottom,center,top.

14 The tag Used in between tags. tag  Is used to specify a element of a table.   one  two  three 

15 The tag align  Sets the horizontal alignment of the table data. The possible values can be : center,left,right. height  Sets the height of the table element. width  Sets the width of the table element. valign  Sets the vertical alignment of the table element. The possible values for this parameter are: baseline,bottom,center,top. nowrap  İs used when the browser should not wrap text.

16 The tag   One Two Three   Four   Five Six   Output: OneTwoThree Four FiveSix

17 The tag colspan  Sets the number of columns that this table element should span

18 The tag   One Two Three   Four Five   Six   Output: OneTwoThree FourFive Six

19 The tag rowspan  Sets the number of rows that this table element should span.

20 The tag Used in between tags. tag  Is used to set a table heading element in a table. This command is identical to the, except the text between the start and the end tag is boldfaced.