CPT 123 Internet Skills Class Notes Publishing to the Web Session B.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Internet Basics & Way Beyond!
Chapter 2 HTML Basics Key Concepts
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
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.
XHTML1 Tables and Lists. XHTML2 Objectives In this chapter, you will: Create basic tables Structure tables Format tables Create lists.
Introducing Web Tables
XP Creating Web Pages with HTML Using Tables. XP Objectives Create a text table Create a table using the,, and tags Create table headers and captions.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Using HTML Tables.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
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.
Notes Ch. 12—Creating Tables Web Page Design. Why Use Tables? Tables are used to create a variety of items such as calendars, charts, and spreadsheets.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
Chapter 5 Working with Tables. Agenda Add a Table Assign a Table Border Adjust Cell Padding and Spacing Adjust Cell Width and Height Add Column Labels.
XP 1 Tutorial 4 Designing a Web Page with Tables.
Identifies the Structure Table Row Column 1 Table Heading Column 2.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 5: Working with Tables.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
1 HTML/CSS Tutorial. 2 Definitions WWW -- a software infrastructure layered on top of the Internet HTTP -- HyperText Transport Protocol, layered on top.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
INTRODUCTORY Tutorial 7 Creating Tables. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Discern the difference between data tables and.
Internet Skills An Introduction to HTML Alan Noble Room 504 Tel: (44562 internal)
ITCS373: Internet Technology HTML
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.
1 3/7/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: More on tables and images.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Introduction to Computers CS Dr. Zhizhang Shen Chapter 4: Talking.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
Getting Started with HTML Please use speaker notes for additional information!
Designing a Web Page with Tables. A text table: contains only text, evenly spaced on the Web page in rows and columns uses only standard word processing.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introducing Web Tables. Tables for tabulating items  Better looking  More flexibility  More efficient to explain information than plain text.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
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.
Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
TABLES 1. In this chapter you will learn that tables have many uses in HTML. Objectives: Upon completing this section, you should be able to: 1. Insert.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 5: Working with Tables Kelly L.
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.
Unit 4 Create and Use Tables. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date: 09/08/2009 Period : Summary: Reasons for using tables Unit 4 Page 1 Display.
Note #2.  How does a structure of HTML document look like?  How do you align … A paragraph? A heading?  What is the main difference between one-sided.
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.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
Introduction to HTML C151 Multi-User Operating Systems.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
Web111a_chapt04.ppt HTM: Section 4 Tables Table Types Text table elements Easy to use Use fixed-font text (font family monospace) Andale Mono Courier Monaco.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
CNIT 131 HTML5 - Tables.
Introduction to HTML.
Lesson 5: HTML Tables.
Presentation transcript:

CPT 123 Internet Skills Class Notes Publishing to the Web Session B

Presentation Formatting HTML Tags underline - underlines displayed text displays text at a specific size - # can be replaced with the numbers 1 through 7 change font size upward - relative change based on current font size

Presentation Formatting HTML Tags change font size downward - relative change based on current font size sets basefont size - # can be replaced with the numbers 1 through 7 - default is usually 3 font color ## (red) ## (green) ## blue

Presentation Formatting HTML Tags select font paragraph closing tag usually unnecessary align text within paragraph

Presentation Formatting List Tags unordered (bullet) list - before each list item bullet type for the whole list bullet type for this and subsequent list items

Presentation Formatting List Tags ordered list - before each list item numbering type for the whole list numbering type for this item and subsequent list items starting number this item and subsequent list items

Presentation Formatting List Tags definition list =definition term - before each term item =definition of term - before each definition of term

Presentation Formatting List Tags menu list - before each list item directory list - before each list item List may be nested inside other list - List types can be mixed when nesting

Presentation Formatting Table Tags define table table border either on or off table border - # author can set the value cell spacing cell padding

Presentation Formatting Table Tags table width in pixels table width as a percentage of page table row table row alignment table row vertical alignment

Presentation Formatting Table Tags table cell data - must appear within table rows table cell alignment table cell vertical alignment no line breaks

Presentation Formatting Table Tags table cell width in pixels table cell width as percentage of table table columns to span table rows to span

Presentation Formatting Table Tags table cell color table header - same as table data, except bold centered table header alignment

Presentation Formatting Table Tags table header vertical alignment no line breaks table columns to span table rows to span

Presentation Formatting Table Tags table header width in pixels table header width as percentage of table table cell color table caption

Presentation Formatting Table Tags table caption located either above or below table

Image Tags Images Tags

Image Tags

Anchor Tags

Special Character Tags Special Characters < < > > & & “ " Trademark ® Copyright &copy