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.

Slides:



Advertisements
Similar presentations
MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
HTML popo.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
How Tags are used to form your Web Page
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Web Page Development Identify elements of a Web Page Start Notepad
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
HTML. What is HTML?  HTML is a language for creating web pages.  HTML stands for Hyper Text Markup Language  A markup language has tags which are codes.
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
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.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
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.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
1. Short History Of HTML HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Web Page Creation Part I ST: Introduction to Web Interface Design Prof. Angela Guercio.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Creating Webpage Using HTML
HTML Codes Miss B.
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,
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
1 Web Application Programming Presented by: Mehwish Shafiq.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
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.
HTML.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
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 Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
Web programming Part 1: HTML 由 NordriDesign 提供
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
HTML World Wide Web Consortium What does HTML stand for? – – –
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.
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
DESIGNING A WEB PAGE Introducing the… &TAGS.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CS 100 Introduction to Web Page Construction and HTML.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
XP Including Comments in an HTML Document On a new blank line in an HTML document, type the start code for a comment:
HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Introduction to basic HTML
Elements of HTML Web Design – Sec 3-2
Coding, Testing and Valdating a Web Page
Elements of HTML Web Design – Sec 3-2
What is HTML?.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Lesson 2: HTML5 Coding.
Presentation transcript:

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 elementTITLE –Optional set of tag attributes –Right wicket>

Opening and Closing Tags My Web Page  Empty tags –Do not occur in tag sets –Stand alone –Solitary element  Non-empty tags –Opening tag –Closing tag –Separated by effected text

Document Section Tags  Head –Primary function is to house tag Determines text displayed in title bar of browser  Body  HTML

Text Formatting Tags  Heading levels – to –Bold –White space before/after heading text ,, , 

Layout Tags  –Inserts line break immediately following tag  –Marks beginning of new paragraph/block of text –Text forced to next line and left justified  –Instructs browser to display text exactly as it is typed in HTML document  –Indents blocks of text

Logical Tags  Comment –Does not display comment text in browser

Lists  Unordered lists –Bulleted lists – - Non-empty tag set – - Empty tag  Ordered lists –Numbered lists – - Non-empty tag set – - Empty tag