Table CSS Create a new CSS called tablestyle.CSS Green Background

Slides:



Advertisements
Similar presentations
Web Foundations MONDAY, OCTOBER 28, 2013 LECTURE 19: TABLES.
Advertisements

Working with Web Tables
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Web Pages Week 10 This week: CSS Next week: CSS – Part 2.
Cascading Style Sheets
/k/k 1212 Cascading Style Sheets Part one Marko Boon
CSS. Intro to CSS Cascading Style Sheets – styles and enhances appearance of webpage.css extension.
Very quick intro HTML and CSS. Sample html A Web Title.
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.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
Session 4: CSS Positioning Fall 2006 LIS Web Team.
CSS BASICS. CSS Rules Components of a CSS Rule  Selector: Part of the rule that targets an element to be styled  Declaration: Two or more parts: a.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
CSS(Cascading Style Sheets )
Cascade Style Sheet Demo. Cascading Style Sheets Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to.
กระบวนวิชา 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.
Unit 20 - Client Side Customisation of Web Pages
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.
CSS Cascading Style Sheets Brief Introduction
Technologies for web publishing Ing. Václav Freylich Lecture 6.
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
4.01 Cascading Style Sheets
1 CS428 Web Engineering Lecture 10 Images, Tables, Forms, Border-Radius (CSS – V)
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Web Design Transparent Backgrounds. Why : Allow text to appear clearly above a graphic background image that still can be seen in the background. Without.
Principles of Web Design 6 th Edition Chapter 10 – Data Tables.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
CSS Border.
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.
Part 4 Introduction to CSS. CSS Table Table Borders table, td, th { border:1px solid black; } Firstname Lastname Bader Ali Paul Manuel The example below.
11/12/2015 Box Model Reed Crouch. 11/12/2015  HTML elements can be considered as boxes. In CSS, the term "box model" is used when referring to layout.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
Extra-simplified.  Only truly happen when the CSS and HTML are defined as separate files (external style sheet) Introduction The main idea of CSS is.
Web Authoring Task 8– Create the following Style Sheet: 1.Create a new CSS called Tiger.CSS Style Sheet Body Horizontal Tile using the Tiger.JPG H1 Browsers.
IS1500: Introduction to Web Development
Create a new stylesheet called Hotel Style
Open the Nissan.html page in a suitable application and create the table shown below between Table 3 and 4. Set the appropriate sizes for each cell. A.
The Box Model in CSS Web Design – Sec 4-8
( Cascading style sheet )
Table Styling.
Table Styling.
The Box Model in CSS Web Design – Sec 4-8
CSS Layouts: Grouping Elements
Table Styling.
Creating Your Own Webpage
CS1220 Web Programming Saloni Chacha.
>> The “Box” Model
Web Authoring (Ski Resort Task)
Cascading Style Sheets
Web Systems & Technologies
Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Chapter 6 More CSS Basics Key Concepts
Web Authoring Task 8– Create the following Style Sheet:
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
Basics of Web Design Chapter 6 More CSS Basics Key Concepts
Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body
Cascading Style Sheets
Web Authoring Task 1– Create Style Sheet H1 H2 H3 P LI Table Body
Basics of Web Design Chapter 6 More CSS Basics Key Concepts
The Internet 10/6/11 Cascading Style Sheets
Training & Development
Principles of Web Design 5th Edition
CS3220 Web and Internet Programming More CSS
Web Programming and Design
Presentation transcript:

Table CSS Create a new CSS called tablestyle.CSS Green Background Web Authoring Task 1– Set the style sheet so each table has: Create a new CSS called tablestyle.CSS Table CSS Table Green Background Height: 200px, Width 400px External Borders – 3 px, Red Internal Borders – 2px, Blue TD Cell Padding to the top and bottom of 10px Text centre aligned in all cells All Borders Solid Collapsed Borders Body Yellow Background Set your name as a comment

Web Authoring Task 2 – Create Table Table 1 Table 2 Create a new html file called Tables.htm and attach the style sheet created in step 1. Create the tables shown below and apply appropriate labels. Table 1 Table 2