HTML bug … intended pageactual page! target.html  error1.html.

Slides:



Advertisements
Similar presentations
Layouts Using Tables Web Design – Section 4-5 Part or all of this lesson was adapted from the University of Washingtons Web Design & Development I Course.
Advertisements

Basics of Tables. Tables Give Flexibility Are arranged in rows and columns In XHTML, you do not directly define the columns of a table Calculated by browser.
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.
An Online Microsoft Word Tutorial & Evaluation Begin.
Logon then turn your monitor off! Creating a database A way of keeping information.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
Netscape Composer Add A Custom Button. Launch Composer File>New Composer Page Select The Table Icon.
How to Debug Debugging Detectives Debugging Desperados I GIVE UP! MyClass.java.
Lesson # 4 The “Teens” Times Table People might say… Hey… This is a “teen” Lesson, intended for “teens”, That’s pretty Keen, If you know what I mean,
Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.
HTML Lesson 5 TBE 540. Prerequisites The user must be able to… –Create basic web pages with a text editor and/or a web page editor.
Error Detection and Correction.  Corrupted files  Attachments that won’t open  Files that won’t download  Videos that won’t play Errors occur when.
 Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,
Lesson 6. Links in HTML Computer Science Welcome to Virtual University in Pakistanhttp://
HTML Tables. Start of page where we want to place a table.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
Creating Tables in a Web Site Using an External Style Sheet
JQuery Page Slider. Our goal is to get to the functionality of the Panic Coda web site.Panic Coda web site.
Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.
CO1552 – Web Application Development Lists, Special Characters, and Tables.
Creating your Webpage with tables. This is a 2 column by 1 row table!
1 Essential HTML coding By Fadi Safieddine (Week 2)
How to Add/Change Panel Graphics A Tutorial for Website Administrators August 2013.
Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
JMD2144 – Lesson 4 Web Design & New Media.
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.
Getting Started with HTML Please use speaker notes for additional information!
Selecting, Formatting, and Printing a finished Report…….
Creating Tables in a Web Site
Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.
Functional English Week of
HTML Table and PHP Array
Unit 2 Module 6: HTML Video.  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts 
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
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.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
Tables Web Authoring. This kind of a table THISIs aTABLE THISIs aTABLE THISIs aTABLE THISIs aTABLE.
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.
1 Web Application Programming Presented by: Mehwish Shafiq.
How to make tables in HTML By Daniel Arze. How do they do this?
1 More About HTML Tables and Images. 22 Objectives You will be able to Create tables in HTML. Include images in your HTML page. Create links to other.
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.
Fraction Addition. Try some 4 / / 5 Apples and Oranges The things you add have to be the same size.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
Greetings. Click on the ship to start the HTML journey. Try and get every thing right. Otherwise, I’ll send you back!
RULES TO AVOID BAD DESIGN 1. Don’t annoy your viewers. Don't use frames unless you have to! - Frames are annoying and cause people to lose their way when.
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.
Dreamweaver Project 2 Recap and key questions. Video 2.01 What are the boxes on the right side of the Dreamweaver workspace called?
1 HTML Tables. 22 Objectives You will be able to Create tables in HTML.
On Line Microsoft Word Tutorial & Evaluation Begin.
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.
Doing TABLES Creating Tables in HTML. Start creating the table by using the Table container tag.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML Basic Structure. Page Title My First Heading My first paragraph.
TABLES IN HTML No, not that kind of table!! THIS KIND!!
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.
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.
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.
Cheat Sheet CSCI 100 JW Ryder
Hyperlinks 1 2.
HTML Structure.
YOUR text YOUR text YOUR text YOUR text
Netscape Composer Add A Custom Button.
CAII 4.01 Web Page Design Terms List 2.
A drag and drop exercise can be created using Word quite easily using tables, text boxes and ensuring the document is saved properly.
Unit 13: Website Development
Presentation transcript:

HTML bug … intended pageactual page! target.html  error1.html

lots of code! error test Page Heading A B C D Da Db Dc Dd E F G Ga Gb H More text after the table  error1.html

remove early bits error test Page Heading <table border="2" bordercolor="#FF0000" …. A B C D <table border="2" cellspacing="0" … leave tag need syntactically correct unit

doesn’t help error test <table border="2" bordercolor="#FF0000" …. C D <table border="2" bordercolor= … Da Db error2.html 

and a bit more … … … … <table border="2" bordercolor="#FF0000" …. C D <table border="2" bordercolor= … Da Db … … … E … … … error2.html

now it works … … … <table border="2" bordercolor="#FF0000" …. E F G <table border="2" bordercolor= … Ga Gb H … … … ok1.html

put it back error test <table border="2" bordercolor="#FF0000" …. C D <table border="2" bordercolor= … Da Db  error2.html

… … … F G <table border="2" bordercolor= … … … … H More text after the table now remove end bit error2.html

getting closer … … … … Dc Dd E F  error3.html

what next? if we remove the EF row won’t be able to see if it is OK or not but could remove EF and add line after end of table error3.html

try it … … … Dc Dd E F …. new line here …  error3.html remove EF and add line after end of table add line after end of table

very close now … … … Da Db Dc Dd More text after the table  error4.html

simplify inner table … … … <table border="2" bordercolor= … Da Db Dc Dd More text after the table … … …  error4.html

still fails … … … <table border="2" bordercolor="#FF0000" … C D <table border="2" bordercolor= … Da More text after the table … … … error5.html 

remove inner table completely … … … <table border="2" bordercolor="#FF0000" … C D <table border="2" bordercolor= … Da More text after the table … … … error5.html 

it works again! OK document <table border="2" bordercolor="#FF0000" … C D More text after the table ok2.html

let’s look at that inner table … … … <table border="2" bordercolor="#FF0000" … C D <table border="2" bordercolor= … Da More text after the table … … … error5.html  OOPS!

fix it … … … <table border="2" bordercolor="#FF0000" … C D <table border="2" bordercolor= … Da More text after the table … … … ok3.html

now fix original file … … … Dc Dd E F G <table border="2” bordercolor= … Ga Gb … … … target.html