TIK 12 – Prof. Blerand Koshi

Slides:



Advertisements
Similar presentations
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Advertisements

Web Foundations MONDAY, OCTOBER 28, 2013 LECTURE 19: TABLES.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Introduction to Web Site Development Steven Emory Department of Computer Science California State University, Los Angeles Lecture 4: Tables and Frames.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 8 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Tables Teppo Räisänen LIIKE/OAMK The Role of a Table Tables are quite common in computing systems In XHTML tables are used for presenting tabular.
Principles of Web Design 6 th Edition Chapter 10 – Data Tables.
CIS234A Lecture 9 Instructor Greg D’Andrea. Working with Table's Column Groups We've formatted the content of the table columns by modifying the attributes.
>> 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 B OOT C AMP Chapter 10 Tables Kirkwood Continuing Education © Copyright 2015, Fred McClurg All Rights Reserved.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.
Tutorial 5 Working with Web Tables. XP Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
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.
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.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Tables creating a table within a web page. What makes up a table? Columns Rows.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Working with Tables and Columns
Organizing Content with Lists and Tables
Web Development & Design Foundations with HTML5
Internet & Web Engineering Course Code:CS-228 Credit Hours (3+1) Lab 2 HTML TABLES Instructor: Muhammad Zeeshan Haider Ali Blog Address:
Muhammad Meer Hazaar (Software Engineer)
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
Working with Tables: Module A: Table Basics
>> HTML: Tables.
Cao Yuewen SEEM4570 Tutorial 03: CSS Cao Yuewen
Web Development & Design Foundations with HTML5 8th Edition
HTML Tables CS 1150 Spring 2017.
HTML Tables.
Tutorial 5 Working with Tables and Columns
Programming the Web using XHTML and JavaScript
Vendosja e Headers dhe Footers
Chapter 5 Introduction to XHTML: Part 2
How to work with tables Chapter 10.
Chapter 7 Tables.
Tables:.
Session I Chapter 10 - How to Work with Tables
Табеле Табеле се представљају елементом TABLE.
TIK 12 – Prof. Blerand Koshi
Insertimi i hapësirave dhe kalimi në kryerresht
Table CSS Create a new CSS called tablestyle.CSS Green Background
Insertimi i audiove/videove
Vendosja e prapavijes (Background)
For the World Wide Web Styling Tables with CSS
HTML Level II (CyberAdvantage)
Web Development & Design Foundations with H T M L 5
Targetimi i elementeve specifike
SEEM4570 Tutorial 3: CSS + CSS3.0
WHAT'S A TABLE? Explain: The types of information commonly displayed in tables include stocks and shares, sports results, train timetables and price.
Web Development & Design Foundations with H T M L 5
Implementing Tables to Hold Data in HTML
Web Development & Design Foundations with HTML5
Murach's HTML and CSS, 4th Edition
ITI 134: HTML5 Desktop and Mobile Level II
Principles of Web Design 5th Edition
TIK 12 – Prof. Blerand Koshi
Hypertext Markup Language Table 11th Lecture
Web Development & Design Foundations with HTML5
Basics of Web Design Chapter 9 Table Basics Key Concepts
Presentation transcript:

TIK 12 – Prof. Blerand Koshi Tabelat TIK 12 – Prof. Blerand Koshi

Tabelat

Tabelat Listat nuk janë të mjaftueshme Në tabela mund të kemi disa shtylla Ka dallime midis HTML 5 dhe HTML 4.01 atributet si "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary" dhe "width" nuk suportohen nga HTML 5 funksionet e tyre shtohen përmes CSS 

Elementet e tabelës

PJESA E PARË <body> <h1>My Table</h1> <table> <tr> <th>Airport Code</th> <th>Common Name/City</th> </tr> <td>CWA</td> <td>Central Wisconsin Airport</td> <td>ORD</td> <td>Chicago O’Hare</td> <td>LHR</td> <td>London Heathrow</td> </table> </body> </html>

Shembuj të atributeve

Tabelat komplekse Elementet si <table>, <th>, <tr>, <td> janë elementet bazë për tabela në HTML Tabelat komplekse mund të përmbajnë <caption> <col> <colgroup> <thead> <tfoot> <tbody>

<!DOCTYPE html> <html> <head> <style> thead {color:green;} tbody {color:blue;} tfoot {color:black;} table, th, td { border: 1px solid black; } </style> </head> <body> <table> <colgroup> <col span="1" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <thead> <tr> <th>Muaji</th> <th>Kursimet</th> </tr> </thead> <tfoot> <td>Shuma</td> <td>155 €</td> </tfoot> <tbody> <td>Janar</td> <td>80 €</td> <td>February</td> <td>75 €</td> </tbody> </table> <p><b>Vërejtje:</b> Elementet thead, tbody, and tfoot nuk do të kenë efekt në dukjen e parazgjedhur të tabelës. Sidoqoftë, përmes CSS ne mund t'i japim stil.</p> </body> </html>

? Pyetje