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

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
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.
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.
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;
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.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
MA10126 Introduction to HTML Gavin Shaddick
HTML Primer Basics of HTML for those who haven’t used it before.
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
Developing a Basic Web Page with HTML
HTML CS1315 Fall What You Need to Get Started A *simple* text editor to write HTML – Windows: notepad – Mac: textedit (be sure to pick Format 
What Is A Web Page? An Introduction to the Internet.
8/17/2015CS346 PHP1 Module 1 Introduction to PHP.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Creating a Simple Page: HTML Overview
HTML Structure & syntax
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.
Introduction to HTML. HTML Hyper-Text Markup Language: the foundation of the World-Wide Web Design goals:  Platform independence: pages can be viewed.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.
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.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
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 ________.
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.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
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.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
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.
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.
HTML Structure & syntax
HTML Structure & syntax
Introduction to HTML Section A – Programming, HTML
Uppingham Community College
3.00cs HTML Overview 3.00cs Develop webpages.
A guide to HTML.
Creating a Web Page Using HTML
HTML HYPERTEXT MARKUP LANGUAGE.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
HTML What is Html? HTML stands for Hypertext Markup Language.
MA10126 Introduction to HTML
HTML Structure & syntax
An Introduction to the Internet
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 URLs for your files –

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 tgs 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 tage 3rd-level headings are enclosed by and tags And so on...