How to make tables in HTML By Daniel Arze. How do they do this?

Slides:



Advertisements
Similar presentations
Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.
Advertisements

Creating Tables The basics, nothing pretty, but it works.
Working with Web Tables
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.
Oracle for Windows NT is required to run queries from the Banner database. Call the help desk at extension 4440 if you do not have this.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
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.
What is a Web Page? Web pages are a combination of text and graphics, wrapped in a special “markup” language. The markup language (Hypertext Markup Language.
CIS101 Introduction to Computing HTML Project Two.
Using HTML Tables.
Developing a Basic Web Page Posting Files on UMBC
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
XHTML Tables. Tables: Allow us to display information on the page in a uniform fashion. Work well for organizing groups of words, images, and links. Are.
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.
How to create tables in HTML…
Creating Tables in a Web Site Using an External Style Sheet
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
HTML.
CREATING A SHELL FOR YOUR WEBSITE. Create Website plan (see previous) Refer to/revise website plan as needed Create a folder to place ALL WORK: web pages,
Web Technologies Website Development Trade & Industrial Education
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Website Development with Dreamweaver
BASIC EXCEL 2007 Mrs. Macias Computer Science Summer 2008.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Kavin School Kavin School Presents: Presented by: Kangeyan.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
15.1 Fundamentals of HTML.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
Columns run horizontally in tables and rows run from left to right.
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.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
IS1824: Introduction to Internet Multimedia Lecture 5: Layout in HTML Rob Gleasure
Moodle with Style Integrating new technologies to empower learning and transform leadership.
HTML: Tables & Frames Internet Technology.
YEAR 8 – WEB DESIGN IN HTML Lesson 2. STARTER Use the internet to find out what JavaScript is? Use ‘Microsoft Word’ to write down your list.
Kevin Murphy Introduction to Tables Masters Project CS 490.
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.
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.
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
15.1 Fundamentals of HTML DeKalb County School System.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
This is Where the Title of Your Presentation Goes Presented by Your name Design ©2014 Social Media Examiner Do NOT distribute.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
This shows CIS17 and the first day introduction..
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
DESIGNING A WEB PAGE Introducing the… &TAGS.
Spreadsheet Basics Computer Technology What is a spreadsheet? Spreadsheets are: –Applications that track, analyze, and chart numeric information –Used.
Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.
1 Creating a Menu Bar on a Secondary Web Page  It is important for visitors to be able to move easily from one page to another  You will create a menu.
Tables: Basic Elements Header 1Header 2Header 3 Row 1, Column 1Row 1, Column 2Row 1, Column 3 Row 2, Column 1Row 2, Column 2Row 2, Column 3 Row 3, Column.
Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.
Getting Started – Basic Page Structure
How to create a web page using word …
BASIC HTML CODING BY cHRIS JACKSON.
LAB Work 02 MBA 61062: E-Commerce
HTML Text editors and adding graphics
Hyperlinks 1 2.
HOW TO MAKE PAGES FOR A WEB SITE
Presentation transcript:

How to make tables in HTML By Daniel Arze

How do they do this?

Requirements and tools Familiarity with some HTML Notepad Web Browser

Quick HTML sample page We are assuming that you already know the meaning of the following code to start a basic HTML page

Making a table in HTML First insert the tag after the opening tag. (This tells the computer that we will be creating a table and that it will have a border) Next insert a tag followed by your data and close it (This tells the computer that we are going to enter data in the first cell) Our first cell

Creating cells To make another cell repeat the previous step (This creates the cells side by side, from left to right, feel free to add more) Our first cell Our second cell Our Third cell

Creating rows To make a row insert a tag and close it at the end of the cells with the tag Our first cell Our second cell Our Third cell Second row 1 st cell Second row 2 nd cell Second row 3 rd cell

Finishing the table To insert additional cells and rows just follow the previous step. Once you are finished inserting all the cells and rows, all you need to do in order to finalize the table, is to close it with the tag at the end and before the tag.

The entire HTML code Our first cell Our second cell Our Third cell Second row 1 st cell Second row 2 nd cell Second row 3 rd cell

Saving and displaying Save the page with the HTML extension and you are ready to view your table in any browser. Here is our sample: