that the browser will center the table.

Slides:



Advertisements
Similar presentations
Copyright © 2003 Pearson Education, Inc. Slide 3-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Advertisements

This presentation demonstrates how to use tables within MSWord. A table is made up of rows and columns of cells that you can fill with text and graphics.
Create a Table of Contents Microsoft Word Help FAQ. How to create a table of contents in Microsoft Word Microsoft Word Help FAQ. How to create a table.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Diliev.com & pLOVEdiv.com  DIliev.com.
CSS: Class 1 Background Images, Controlling Position of Background Images, Add Padding to Page Elements, Add Borders to Elements on a Page.
After attending this workshop, students should be able to complete the following tasks involving MS Word:
TUTORIAL 4: CREATING PAGE LAYOUT WITH CSS Session 4.3.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Designing a Classroom Web Site Using NVU Beginning Level.
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 HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
ITP 104.  While you can do things like this:  Better to use styles instead:
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Images in HTML PowerPoint How images are used in HTML.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
1 Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page HTML.
LESSON 4 Formatting a Worksheet. Borders are often used to separate different groups of data. 1. True 2. False
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.
HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”
1 Web Application Programming Presented by: Mehwish Shafiq.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
Layout with Styles Castro Chapter 11. Tables vs. CSS You can produce “liquid layouts” (layouts that stretch as the browser is resized) using tables or.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.
Wednesday September 30 th Media Center: Day 3. Agenda Cover PageCover Page –Centering –Right Margin Formatting Research PaperFormatting Research Paper.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.
HTML and CSS HTML is used for the content of web pages CSS is used for the style of the web pages You are going to learn how they can be combined to create.
Positioning Objects with CSS and Tables
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.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 22, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
This shows a table with two rows. In each row there are two cells. I have put borders around them. Note I did not use th.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Command Innovative Technologies HTML (Hyper Tax Markup Language AND CSS(Cascading Style Sheet) 1.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page.
Cascaded Style Sheets (CSS) Defining styles for your entire web site Creating CSS style Sheets Defining CSS style rules Linking Style Sheets to your pages.
HTML.
Page Design in Canvas.
CSS Layouts: Grouping Elements
Cascading Style Sheets (Layout)
The Internet 10/25/11 XHTML Tables
like you to do and submit as well.
PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.
Putting Images on Your Web Page
MLA Report – Supporting Document
Title Layout Subtitle.
This shows a frameset that includes two pages in columns
Float Property Elements that seem to “float" on the right or left side of either the browser window or another element are often configured using.
MLA Report – Supporting Document
Usually use background-color:
USING IMAGES This is the bottom of the page. Note the alignment of having text before and after, at the top, in the middle and at the bottom. Code is on.
Exercise 24 – Software Skills
Step 1:. Open Microsoft FrontPage application.
Web Programming and Design
Understanding and Defining Web Page Layout
Presentation transcript:

that the browser will center the table.

in the center of the table cells. bolds.

I experimented with changing the css to p instead of table and putting the table within a paragraph. That does not work. Next I experimented with div and that did not work either.

This is another approach to centering the table.

Note also that I can be explicit and use margin-top etc.

Explanation of margin.

Note that alt is required Note that alt is required. Run you cursor over the picture and you will see the alt. This helps if you cannot see the page.

validate strict.

Validates strict with style and float.

Changing the size of the image.

Setting up an image as an icon which allows you to click on the image instead of words.

Shows a background image Shows a background image. Problem - the background image is toooooo overwhelming and does not allow you to really see the content.