INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
C HAPTER – 3 I NTRODUCTION TO H TML By :- Pinkesh H. Patel.
Teppo Räisänen LIIKE/OAMK 2010
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
How Tags are used to form your Web Page
Introduction to HTML CPS470 Software Engineering Fall 1998.
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;
Web Page Development Identify elements of a Web Page Start Notepad
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.
1 HTML References: A HTML Tutorial: /HTMLPrimer.html
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
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.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
Just Enough HTML How to Create Basic HTML Documents.
HTML: Hyptertext Markup Language Doman’s Sections.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
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.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
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.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
HTML Basics.
HTML basics
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Marking Up with XHTML Tags describe how a web page should look
Uppingham Community College
INTRODUCTION TO HTML AND CSS
3.00cs HTML Overview 3.00cs Develop webpages.
Introduction to XHTML.
COMPUTING FUNDAMENTALS
WEBSITE DESIGN Chp 1
Computers and Scientific Thinking David Reed, Creighton University
Basic HTML and Embed Codes
Marking Up with XHTML Tags describe how a web page should look
INTRODUCTION TO HTML AND CSS
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Chapter 16 The World Wide Web.
Introduction to HTML.
Marking Up with XHTML Tags describe how a web page should look
Pertemuan 1 Desain web Pertemuan 1
WJEC GCSE Computer Science
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

INTRODUCTION

What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of markup tags The purpose of the tags are to describe page content HTML documents describe web pages HTML documents contain HTML tags and plain text HTML documents are also called web pages

Web pages are commonly referred to as HTML pages or documents A markup language is a set of characters or symbols that define a document’s logical structure HTML is based on an older language called Standard Generalized Markup Language (SGML) HTML has evolved into a language that defines how elements should appear in a Web browser Understanding HTML is critical in learning how to write a web application along with the server programming

HTML documents are text documents that contain formatting instructions called tags HTML tags include: Formatting commands (boldface or italic) Controls that allow user input (option buttons or check boxes) Tags are enclosed in brackets ( ) and consist of an opening tag and a closing tag

Basic document structure

Attributes

Attributes go after the element name in the opening tag only, never in the end tag. There may be several attributes applied to an element, separated by spaces in the opening tag. Their order is not important. Attributes take values, which follow an equals sign (=). A value might be a number, a word, a string of text, a URL, or a measurement depending on the purpose of the attribute. Some attributes are required, such as the src and alt attributes in the img element.

HEAD STRUCTURE Page Title Scripting Style META information

BODY STUCTURE Text Images Links Multimedia and special events COMMENTS IN HTML DOCUMENTS

LINKS Anchor (a) The href attribute provides the address of the page (its URL) to the browser. a href=" target="_blank">EVS Alt= Alternating Text

… to …  the range of header tags used to denote headings and subheadings.  the break tag, equivalent to one carriage return.  the paragraph tag. …  the open/close approach to denote paragraph. …  the bold tag. …  the italics tag. …  the underline tag

…  makes a section of text appear smaller than surrounding body text. …  makes the reverse action of above tag.

ALIGNING TEXT …  Division element …  Starting and ending Paragraph element Following Attributes are available: Default Left Right Justify

Paragraph Paragraphs are the most rudimentary elements of a text document. You indicate a paragraph with the p element. Simply insert an opening tag at the beginning of the paragraph and a closing tag after it, as shown in this example.

LISTS There are three main types of lists in HTML: Unordered lists. Collections of items that appear in no particular order. Ordered lists. Lists in which the sequence of the items is important. Definition lists. Lists that consist of terms and definitions.

INTRODUCTION