Табеле Табеле се представљају елементом TABLE.

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

HTML Tables Introduction to Tables Introduction to Tables Table Format Table Format Table Captions Table Captions Table Example Table Example Excercise.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Creating Tables Text Tables -created by using preformatted tags. Graphical Tables - created using Table Structure with HTML.
Chapter 4 – Intermediate HTML 4 Outline 4.1 Unordered Lists 4.2 Nested and Ordered Lists 4.3 Basic HTML Tables 4.4 Intermediate HTML Tables and Formatting.
Tutorial 4: Designing a Web Page with Tables
Cos 125 Day 22. Agenda Assignment 6 Not corrected Waiting for tune-ins Assignment 7 is posted Assignment 7 Due April 2PM Left to do 1 Assignments.
© 2004, Robert K. Moniot Chapters 4 & 5 Introduction to HTML, More Details.
Cos 125 Day 24. Agenda All students meeting 7 Pm Monday, April 19 UMS Strategic Plan Assignment #7 Posted Due April 20 Two (one?) more to go Quiz Four.
Introducing Web Tables
XP Creating Web Pages with HTML Using Tables. XP Objectives Create a text table Create a table using the,, and tags Create table headers and captions.
Using HTML Tables.
1 Tables: Data in Rows and Columns – What is Table? – How Tables are Used? – Designing Tables – Table, Cell, Row Attributes – Using Tables for Alignment.
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.
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 Essentials Tables and Table Tags. Overview Use of Tables goes beyond tabulating data Frequently used to format Web pages / control layout Especially.
1 XHTML Tables A table is a matrix of cells, for displaying content in rows and columns The cells can include almost any element Some cells display row.
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.
XP 1 Tutorial 4 Designing a Web Page with Tables.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 5: Working with Tables.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
Lecture: Tables. Table Tags (all container tags) establishes a table (________) establishes a row (________) says what’s in the row more than one TD within.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
HTML B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.
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.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
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.
ECA 228 Internet/Intranet Design I Tables. ECA 228 Internet/Intranet Design I Basic HTML Tables Created as a way to present rows and clumns of data.
Lesson 7. Tables Table Tags and Attributes Tables HTML tables are used in two main ways: 1.To organize tabular data in a familiar spreadsheet-like way.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”
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.
COS 125 DAY 15. Agenda  Assignment 6 Not corrected yet  Web Server login issues  Assignment 7 Posted Due March 9:35 AM  Quiz 2 will be on March.
Using Tables for Layout INP150 Session #8. Layout Map out your page Design with paper and pencil Determine number of rows and columns you need Determine.
COS 125 DAY 14. Agenda  Assignment 6 DUE  Assignment 7 Posted Due March 9:35 AM  Quiz 2 will be on March 30 Chapters M/C and 4 Short.
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.
Designing a Web Page with Tables
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Web Development & Design Foundations with HTML5
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
Working with Tables: Module A: Table Basics
>> HTML: Tables.
Web Development & Design Foundations with HTML5 8th Edition
HTML <table> tag syntax: <table> </table>
Getting Started – Table 2
HTML Tables.
Chapter 5 Introduction to XHTML: Part 2
Introduction to HTML.
Chapter 7 Tables.
Chapter 5 - Introduction to XHTML: Part 2
Tables:.
Creating Tables Steps for creating a Table Important Facts about Table
New Perspectives on Creating Web Pages with HTML
Creating Tables Steps for creating a Table Important Facts about Table
Using HTML Tables SWBAT: - create tables using HTML
TABLES.
For the World Wide Web Styling Tables with CSS
Web Development & Design Foundations with H T M L 5
Web Development & Design Foundations with H T M L 5
Web Development & Design Foundations with HTML5
Site Development Foundations Lesson 6
Creating Tables Steps for creating a Table Important Facts about Table
Hypertext Markup Language Table 11th Lecture
Web Development & Design Foundations with HTML5
Basics of Web Design Chapter 9 Table Basics Key Concepts
Presentation transcript:

Табеле Табеле се представљају елементом TABLE. Елемент има почетни и завршни маркер. Сваки ред табеле почиње маркером <TR> и завршава се маркером </TR>. Ред табеле садржи низ ћелија дефинисаних елементом TD.

Елемент TABLE може да има следеће атрибуте: WIDTH HEIGHT BORDER CELLSPACING CELLPADDING FRAME RULES Атрибут WIDTH одређује ширину табеле.

Вредност атрибута може бити изражена у пикселима или у процентима у односу на ширину документа.

Атрибут HEIGHT одређује висину табеле. Висина табеле може бити изражена у пикселима или у процентима у односу на висину табеле.

Атрибут BORDER дефинише дебљину оквира око табеле. Вредност атрибута је број који представља дебљину табеле у пикселима.

Атрибут CELLSPACING се користи за дефинисања размака између ћелија. Атрибут CELLPADDING се користи за дефинисање размака између садржаја ћелија и ивице. Вредности оба атрибута су у пикселима. садржај ћелије CELLSPACING (црвена боја) PADDING (светло плава)

Атрибут FRAME се користи за приказивање спољних граница. Могуће вредности су: void above below hsides

vsides rhs lhs box или border

Атрибут RULES се користи за приказивање унутрашњих ивица. Могуће вредности су: rows none

cols groups all

Елемент TR може да има следеће атрибуте: ALIGN VALIGN. Атрибут ALIGN позиционира текст унутар ћелије. Могуће вредности су: LEFT CENTER RIGHT JUSTIFY.

Елемент TD има следеће атрибуте: Атрибут VALIGN позиционира текст унутар ћелије у односу на горњу и доњу страну ћелије. Могуће вредности су: TOP MIDDLE BOTTOM. Елемент TD има следеће атрибуте: ALIGN VALIGN ROWSPAN COLSPAN.

Атрибут ROWSPAN се користи за проширивање ћелије на више од једног реда. Вредност атрибута је број. Атрибут COLSPAN се користи за проширивање ћелије на више од једне колоне.

Постоје и ћелије заглавља Постоје и ћелије заглавља. Оне се користе за издвајање заглавља табеле од осталих ћелија табеле. Ћелије заглавља се представљају елементом TH. Елемент има почетни и завршни маркер. Елемент центрира садржај ћелије са појачаним словима. Ћелије заглавља могу да помогну у описивању табеле.

Табела се може поделити на две врсте група колона: структурне неструктурне. За поделу табеле на структурне податке користи се елемент COLGROUP. Елемент има почетни и завршни маркер. За поделу табеле на неструктурне податке користи се елемент COL. Елемент има само почетни маркер.

Елемент THEAD се користи за одређивање насловне секције табеле. Елемент има почетни и завршни маркер. Елемент TBODY се користи за одређивање тела табеле. Елемент TFOOT се користи за одређивање футера табеле. Сви ови елементи се не приказују на екрану.

Табела може имати наслов, који се поставља између маркера <CAPTION> и </CAPTION>.