HTML Frank@FYSH.

Slides:



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

TABLES 6 How to create tables What information suits tables How to represent complex data in tables.
HTML popo.
 2001 Prentice Hall, Inc. All rights reserved. Outline 1 Table1.html 1 2
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
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.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit F Working with Tables.
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.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
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.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
ATTRIBUTES, LISTS, AND TABLES. Chapter 4 Objectives Extensions Strict vs. transitional XHTML Tag options Structure lists Table data.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
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.
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
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.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Week 1: Introduction to HTML and Web Design
Internet Exploration: HTML Basics
CNIT 131 HTML5 - Tables.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Marking Up with XHTML Tags describe how a web page should look
Website Development & Management
Semester - Review.
HTML 2.
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
Creating a Data Table Web Design – Section 3-8
Elements of HTML Web Design – Sec 3-2
>> HTML: Tables.
HTML Tables CS 1150 Spring 2017.
Tutorial 5 Working with Tables and Columns
Internet Exploration: HTML Basics
Web Programming– UFCFB Lecture 5
TABLES.
Static Web Pages an Introduction to HTML Tags
Table CSS Create a new CSS called tablestyle.CSS Green Background
Computers and Scientific Thinking David Reed, Creighton University
מבנה בסיסי של מסמך html מסמך ב- html מורכב מתגיות.
HTML HYPERTEXT MARKUP LANGUAGE.
LESSON Extension Module 2: HTML Basics Tables.
Web Design and Development
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
If You Know Nothing About HTML, This is Where You Start.
Basics of XHTML What Lies Beneath.
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Usually use background-color:
HTML Tables.
Hyperlinks 1 2.
Html.
Introduction to HTML.
Single Tags <tagName> Example: <BR>
Marking Up with XHTML Tags describe how a web page should look
Principles of Web Design 5th Edition
Marking Up with XHTML Tags describe how a web page should look
Hypertext Markup Language Table 11th Lecture
CS205 Tables & Forms © 2012 D. J. Foreman.
Contents: 1. More on tables 2. Images (the <img> tag)
Web Programming and Design
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

HTML Frank@FYSH

HTML is the fundamental All web pages are written in HTML You can see how it be done by View → Original File Reference web site: http://www.w3.org/MarkUp/Guide/ http://www.w3.org/MarkUp/Guide/Advanced.html http://www.ncdesign.org/html/index.htm http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm

HTML - Tag is everywhere Today is a nice day for learning HTML Today is a nice day for learning HTML【其中,nice這個字是粗體】 Today is a <粗體開始>nice<粗體結束> day for learning HTML Today is a <b>nice</b> day for learning HTML

HTML Tag Rule Usually paired <html>…</html> <body>…</body> Some tags are alone <br> <hr> No cross between pairs <tr><td>good</tr></td>←Wrong <tr><td>good</td><td>morning</td></tr>

Basic Html Architecture <head> </head> <body> </body> </html> <title>…..</title> Your content is here !

Table Basic Tags <table>...</table> - table <tr> - row difinition <td> - data cell <table border> <tr> <td>Food</td> <td>Drink</td> <td>Sweet</td> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> Food Drink Sweet A B C

Table Design <table border> <tr> <td> </td>

Table Caption <caption align=#> ... </caption> #=top, bottom <table border> <caption align=bottom>Lunch</caption> <tr><td>Food</td><td>Drink</td><td>Sweet</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> </table>

More Example

What’s Next More Tags IMG Anchor Color And More…..