Writing HTML specifications: A HTML specification for a WWW document must be stored in a plain text file The text file must not contain any control characters.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

What happens when you create an HTML document and include pictures.
WeB application development
Website Design.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
HTML Primer. What is HTML? HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
Chapter 2—HTML Dreamweaver for College & Business.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
HTML & XHTML Web Publishing. What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce.
Another example using headings Suppose we want to write a web document which has two main sections Suppose the first section has two subsections And suppose.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Writing HTML specifications: A HTML specification for a WWW document must be stored in a plain text file The text file must not contain any control characters.
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
Intro to HTML Workshop. Welcome This slideshow presentation is designed to introduce you to the basics of HTML. It is the first of three HTML workshops.
HTML Primer Basics of HTML for those who haven’t used it before.
Developing a Basic Web Page with HTML
What Is A Web Page? An Introduction to the Internet.
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Creating a Simple Page: HTML Overview
HTML Structure & syntax
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
Getting Started with HTML Please use speaker notes for additional information!
15.1 Fundamentals of HTML.
Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
How do I use HTML and XML to present information?.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
LBSC 690 Session 5A Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
LBSC 690 Session 5A Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
15.1 Fundamentals of HTML DeKalb County School System.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
The Teacher Computing HTML HyperText Markup Language.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
HyperText Markup Language. Web Hosting Creating a web site (on a site like iPage) –Buy domain name ( –iPage has registrar (e.g., FastDomain.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
HTML: Hypertext Markup Language The language to make web pages 0.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
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 Overview.  Students will learn: How HTML tagging works How browsers display tagged documents How an HTML document is structured.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
HTML Structure & syntax
Online PD Basic HTML The Magic Of Web Pages
Uppingham Community College
3.00cs HTML Overview 3.00cs Develop webpages.
A guide to HTML.
Creating a Web Page Using HTML
3.02D HTML Overview 3.02 Develop webpages.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
3.02D HTML Overview 3.02 Develop webpages.
HTML Structure & syntax
4.02A HTML Overview 4.02 Develop web pages using various layouts and technologies. (Note to instructor: HTML tags are in red only to differentiate from.
Presentation transcript:

Writing HTML specifications: A HTML specification for a WWW document must be stored in a plain text file The text file must not contain any control characters Thus, it is best to use a plain text editor to write a HTML specification Save it in a file with either a.html or a.htm suffix Where to store your HTML files – –In your public_html directory

More on HTML Like every language, HTML can be used correctly and incorrectly You will frequently see badly written HTML specifications, because many web pages are written by self-taught enthusiasts Web browsers try to avoid crashing when they find badly-written pages But it is wrong to rely on this

Structure versus Rendering (contd.) If you look at web pages written by other people you will frequently rendering tags used This is BAD practice I will try to avoid doing so If you read books on HTML you will find rendering tags described Try to avoid using them

Consider the following:

Structure versus Rendering Some words are in boldface large letters How is this done? Actually, we should not wonder HOW it is done We should wonder WHY it is done

Structure versus Rendering Why was it done? Because the author wanted to have a heading for the text that follows

Structure versus Rendering It just happens that Explorer (and Netscape too) render headings in large bold-face lettering Other browsers might render headers differently EG, a speaking browser on a mobile phone might render a heading by speaking it in a louder voice

Structure versus Rendering There are HTML tags to specify letter size and to specify boldface but it is BAD PRACTICE to use them I hope that you will never catch me using them Or even introducing them to you If you find them in a book on HTML, ignore them

Tagging for structure Okay, then, how do we tag headings? Surprise, surprise, there are special tags Indeed, there are several kinds of heading tags because documents have several levels of headings

Tagging for structure Okay, then, how do we tag headings? Surprise, surprise, there are special tags Indeed, there are several kinds of heading tags because documents have several levels of headings

Heading Tags come in pairs Top-level headings are enclosed by and tags 2nd-level headings are enclosed by and tags 3rd-level headings are enclosed by and tags And so on...

Use lower- case tags –The picture on this slide is very old –It shows upper-case tags, which were allowed back then –Upper-case tags are not allowed any more –Do not use upper-case tags