Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.

Slides:

Advertisements

Similar presentations

3.02D HTML Overview 3.02 Develop webpages.

Advertisements

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.

Math Introduction to HTML Gavin Shaddick

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. How to Create Web Pages Using HTML Introduction.

Web Page Development Identify elements of a Web Page Start Notepad

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.

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.

Basics of HTML.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.

4 HTML Basics 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.

THE BACKBONE OF EVERY WEB PAGE HTML Day 1. What will we learn? How to create a basic web page Backgrounds and colors How to link Web sites How to include.

HTML Structure & syntax

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

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.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

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.

Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.

XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.

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.

Just Enough HTML How to Create Basic HTML Documents.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.

Basic HTML PowerPoint How Hyper Text Markup Language Works

HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.

CPT 499 Internet Skills for Educators Session Ten Class Notes.

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”

Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,

HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.

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.

4 HTML Basics 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.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

HTML BASIC IST 210: Organization of Data IST210 1.

HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”

This shows CIS17 and the first day 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.

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

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.

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.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

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.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

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 Basic IST 210: Organization of Data IST2101.

Online PD Basic HTML The Magic Of Web Pages

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

3.00cs HTML Overview 3.00cs Develop webpages.

COMPUTING FUNDAMENTALS

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

Presentation transcript:

Introduction lab1

Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow website creation  Like all programming languages, simply a plain text file  Unlike other languages, no variables or commands.  HTML is merely a way of formatting a document.

Suzanne J. Sultan 3 HyperText Markup Language HyperText :  hyper is the opposite of linear.  the method by which you move around on the web — by clicking on special text called hyperlinks which bring you to the next page. Markup:  what HTML tags do to the text inside them. They mark it as a certain type of text (italicized text, for example). Language:  HTML is a Language, as it has code-words and syntax like any other language.

Suzanne J. Sultan 4 How does it work? HTML consists of a series of short codes typed into a text-file by the site author ( tags). The text is then saved as a html file and viewed through a browser,browser This browser reads the file and translates the text into a visible form.

Suzanne J. Sultan 5 History of HTML HTML 1.0 HTML 2.0 HTML 3.0 HTML 3.2 HTML 4.0 XHTML 1.0

Suzanne J. Sultan 6 HTM or HTML Extension? When you save an HTML file, you can use either the.htm or the.html extension. We have used.

Suzanne J. Sultan 7 Web Browsers Amaya

Suzanne J. Sultan 8 Opera

Suzanne J. Sultan 9 Netscape Browser

Suzanne J. Sultan 10 Document Tags html language consists of Tags: .container tags :tag has a begin and end as . empty tags: have begin as special characters Some tags have attributes to describe or modify what the tag is doing.  Examples: good Value key

Suzanne J. Sultan 11 Format of HTML document Entire document enclosed by …  These are the tags that tell a Web browser where the HTML in your document begins and ends. Followed by two sections: head and body …

Suzanne J. Sultan 12 Html structure

Suzanne J. Sultan 13 Head Section Contains info about the document. Most common/important: title My HTML Document “My HTML Document” will appear in title bar of Netscape, IE, Opera, etc…

Suzanne J. Sultan 14 Body Section Contains all text displayed in web browser window such as text and graph.  Examples: …… ….. …

Suzanne J. Sultan 15 Comment Tags

Suzanne J. Sultan 16 Headings There are six levels of headings, from Heading 1 through Heading 6. Heading 1 (H1) is "most important" and Heading 6 (H6) is "least important." By default, browsers will display the six heading levels in the same font. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading attributes:  As align, dir ppu

Suzanne J. Sultan 17 Body attributes Background color for the body Page with Back Color Page with Back Color format RRGGBB

Suzanne J. Sultan 18 cont. Background image Page with background image. Notes : Image file must be in the same folder as your html file.

Suzanne J. Sultan 19