計概實習 Week 7. A bit, just a bit… * *,, * *, *,, * : Defines header cell * : spans this cell for x columns * : spans this cell for x rows * : table border.

Slides:



Advertisements
Similar presentations
Table, List, Blocks, Inline Style
Advertisements

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 6: HTML Tables.
Working with Web Tables
HTML: HyperText Markup Language Hello World Welcome to the world!
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.
Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.
Text Properties, Line Box, CSS. Text Properties Properties related to the display of text. Text-align : left, right, center I like FSU!
Cascading Style Sheets SP.772 May 6, CSS Useful for creating one unified look for an entire web site. Helps to seperate style from content. Can.
16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
The Power of Tables They aren't just for sitting stuff on anymore...
CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,
Cascading style sheets - CSS
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.
Tutorial #8 – Creating Data Tables. Tutorial #6 Review – Layouts Two Column Fixed Width, Three Column Fixed Width Class VS. ID Container Universal Selector.
Bayu Priyambadha, S.Kom. for long documents, you can even have links to other locations in that same document  … where ident is a variable for identifying.
TECH2018 Multimedia and the Internet More about CSS and Page Layouts.
Cascading style sheets (CSS)
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
The Characteristics of CSS
CSS Cascading Style Sheets By Garrett Garman. CSS Why use Style Sheets? Separates Appearance and Structure Modularity Quick and Easy changes Flexibility.
Cascading Style Sheets. Defines the presentation of one or more web pages Similar to a template Can control the appearance of an entire web site giving.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober
HTML. Basic HTML HTML document – HTML headings – to HTML paragraphs – HTML links – HTML images –
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
XHTML/CSS Week 3. This Week  Quiz to revise last week (XHTML and DW)  CSS - Part 2  Using HTML Tables.
Class three: CSS review, backgrounds, font formatting, the box model.
Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.
Table Row Table Data ( Header & Data) Data Cell Padding TABLE.
HTML: Tables & Frames Internet Technology.
Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
Tutorial 5: Tables Session OBJECTIVES Marking row groups Marking column groups Setting the table frame Specifying the table’s internal gridlines.
Week 5 Working with Tables. 2 Understanding Table Basics.
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.
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.
Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.
5 th ed: Chapter 4 4 th ed: Chapter 5 SY306 Web and Databases for Cyber Operations Slide Set #4: CSS.
Cascading Style Sheets Primary readings Presentations Explain & review projects with class mates.
Web Technologies Beginning Cascading Style Sheets (CSS) 1Copyright © Texas Education Agency, All rights reserved.
Developing Web Applications with HTML and CSS “Selectors and Properties”
Assistant Professor,UCER Naini,Allahabad
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 22, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.
BEGINNER WEB DESIGN. INTRODUCTION Vocabulary Design Tools of the Trade HTML CSS.
Creating Layouts with CSS. Span tag Here is some underlined text. Here is some blinking text. Here's some bold text.
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Tutorial 5 Working with Web Tables. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Learn and Apply the structure of.
Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.
Cao Yuewen SEEM4570 Tutorial 03: CSS Cao Yuewen
Tutorial 5 Working with Tables and Columns
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
HTML Tables & Frames Internet Technology.
Lesson 5: HTML Tables.
HTML Tables & Frames Internet Technology.
Presentation transcript:

計概實習 Week 7

A bit, just a bit…

* *,, * *, *,,

* : Defines header cell * : spans this cell for x columns * : spans this cell for x rows * : table border * : space between cell content and cell border * : space between cells

* : divides screen into x rows or y columns with set px, %, or * * : defines a frame from source src within a ! takes up the ENTIRE ‘screen’!

* An “inline” frame that does NOT require * Styling with CSS is recommended * Attributes: width, height, name …

* Specifies where to opened the linked document * _blank : new window/tab * _self : in same frame (default) * _parent : in parent frame * _top : full window * frame name : in a specified frame name

* It’s a complicated issue! * Formats * Plugins * Browser compatibility * HTML version * Use if possible

*

:O

* id selector: # id1 {} * Used for unique elements * #div1 {text-align:center} * Class selector:. class1 {} * used for multiple elements *.center {text-align:center} * p.center {text-align:center} *

* font-family * “Times New Roman” * font-size * small, medium, large, x%, … * font-style * normal, italic ~ oblique * font-weight * normal, bold, …

絕對路徑 Absolute Path 網址 完整的檔案位置 C:\Users\Victor\Site\index.html /home/usr/r /index.html

相對路徑 Relative Path index.html AAA aaa.html 與 index.html 在同一層資料夾 photo 與 index.html 在同一層資料夾 bbb.png 在 photo 資料夾底下

助教沒教!怎麼辦? Html 語法博大精深 Tag Attribute Value 自己上網查 Nothing but Google!