Comment tags (contd.) A comment tag is of the form A comment can appear anywhere in a html specification They are frequently used to tell people who wrote.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Essentials for Design JavaScript Level One Michael Brooks
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
CHAPTER 7 STYLING CONTENT WITH CASCADING STYLE SHEETS.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Introduction to HTML Bent Thomsen Institut for Datalogi Aalborg Universitet.
The Web Warrior Guide to Web Design Technologies
The Comment tag Many programming languages allow us to write comments in a program Comments are ignored by the computer when processing the program but.
NAMEd anchors Enabling users to jump to specific points within Web documents.
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.
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.
Style sheets can also affect the BODY. style4.css BODY {BACKGROUND-COLOR : white} H1 {COLOR : red; FONT-SIZE : 50; FONT-FAMILY : arial} H2 {COLOR : green}
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.
Style sheets can also affect the body. style4.css body {background-color : white} h1 {color : red; font-size : 50; font-family : arial} h2 {color : green}
HTML Introduction HTML
NAMEd anchors Enabling users to jump to specific points within Web documents.
Developing a Basic Web Page with HTML
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Introduction to scripting
Computer Sciences Department
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
1 Essential HTML coding By Fadi Safieddine (Week 2)
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 3.
Introduction to HTML 1 Basharat Mahmood, Department of Computer Science, CIIT, Islamabad, Pakistan.
Just Enough HTML How to Create Basic HTML Documents.
Lesson13. JavaScript JavaScript is an interpreted language, designed to function within a web browser. It can also be used on the server.
Web111a_chapt01.ppt Definitions Hypertext Documents Documents containing elements that can be selected Links Active pointers to other documents or files.
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-
Ordered Lists By Brian Christian. Ordered List Tags You use this tag when you want to start an ordered list. Each list item you write need to start with.
1 John Magee 9 November 2012 CS120 Lecture 17: The World Wide Web and HTML Web Publishing.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
Sahar Mosleh California State University San MarcosPage 1 JavaScript Basic.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Cascading Style Sheets CSS. Source W3Schools
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
CSS Hadas Kahsay. Overview  What is CSS  Basic syntax of CSS Rules  How to link CSS style to html documents  Browsers and CSS  Advantages of CSS.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
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.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
XHTML1 Building Document Structure N100 Building a Simple Web Page.
Comment tags (contd.) A comment tag is of the form A comment can appear anywhere in a HTML specification They are frequently used to tell people who wrote.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Chapter 4 Frames and Cascading Style Sheets. Frames Frames divide a browser window into two or more separate pieces or panes, with each pane containing.
CNIT 131 Graphics.
Introduction to HTML5.
Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements
Presentation transcript:

Comment tags (contd.) A comment tag is of the form A comment can appear anywhere in a html specification They are frequently used to tell people who wrote the specification, when, why, etc.

Politics in Ireland Presidents The presidents of Ireland were Douglas Hyde Eamon de Valera

Using tags

tags tags are used to incorporate pictures into web documents A picture cannot be inserted directly into the html spec of a web document, since a html spec is a textual spec tags are used to point to pictures that we want to appear in a web document

tags (contd.) The tag is a structured tag -- it has attributes The src attribute is used to point to the picture to be included

A simple web document containing a picture

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

Of course, we can have text with the pictures

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

A document

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

Never use HTML presentational attributes

The ALIGN attribute In early versions of html, img tags used to have an ALIGN attribute for specifying how to align pictures relative to neighbouring text This was, therefore, a rendering attribute DO NOT USE this attribute –NEVER use rendering attributes We will see how to achieve rendering effects more cleanly when we meet Style Sheets

Colour of the background It would be preferable if you could ignore such rendering features as the colour of the background Unfortunately, when you start using pictures, you cannot, since pictures have colour and you have to consider how clearly an image will show up against the background

Background colour (contd.) For example, consider how the last document we specified would appear in both Netscape Navigator and Microsoft Explorer

Background colour (contd.) In Netscape, the images show up clearly against the default background colour, which is white In Explorer, the largely-grey images do not contrast so well with the grey-ish background

Background colour (contd.) We can specify the background colour we want Early versions of html provided a BGCOLOR attribute in the tag However this is a rendering attribute and SHOULD NOT BE USED We will see how to do it more cleanly when we meet style sheets

Background PATTERNS We can also ask the browser to use a repeated version of some image as a background This should be done with care, because –it can lead to unreadable documents –it adds to the length of time it takes to download a document over the Internet

Background PATTERNS Early versions of html provided an attribute in the tag for this purpose Again, as with all rendering attributes, DO NOT USE IT We will see how to do achieve the same effect more cleanly when we meet style sheets

Another kind of list: Definition lists

Definition lists: Frequently, we want to have lists of items like this: CPU Central Processor Unit VDU Visual Display Unit IRQ Interrupt ReQuest

In other words, we want to have a list in which each member has two parts: –a TERM, whose meaning is to be defined –a DEFINITION of the term

html provides a tag for this kind of concept: the Definition List tag or tag A list of definitions is delimited by a tag and a tag ….

Each item between the and tags has two parts, a term and its definition A term is delimited by and tags, while a definition is delimited by and tags: CPU Central Processing Unit VDU Visual Display Unit IRQ Interrupt ReQuest

Example document: Definition List Some Computing Acronyms CPU Central Processing Unit VDU Visual Display Unit IRQ Interrupt ReQuest

Another example document: Languages of the World Languages of the World Tok Pisin A Melanesian Creole spoken in the South-western Pacific Hakka One of the languages spoken in Fujien province in China Mon A language spoken in Cambodia Xhosa One of the major languages of South Africa