HTML Part I.

Slides:



Advertisements
Similar presentations
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
Advertisements

Chapter 2—HTML Dreamweaver for College & Business.
New Perspectives on Creating Web Pages with HTML
Tutorial 1 Developing a Basic Web Page
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
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.
Q.Nand HTML Hypertext Markup Language Lesson 1. Q.Nand Overview Introduction the World Wide Web Structure of the internet The Development of the World.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
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.
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
HTML Structure & syntax
CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)
Introduction to HTML. HTML Hyper-Text Markup Language: the foundation of the World-Wide Web Design goals:  Platform independence: pages can be viewed.
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 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
Just Enough HTML How to Create Basic HTML Documents.
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
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-
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
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 &
 Farahwahida Mohd  LRS 13 Level 2  Tel:  Websites: › ›
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
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.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Lecture 3 Creating a Web Page with HTML. Objectives §Hypertext Document in WWW p §The HTML language p l Definition l Web browsers and.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
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.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
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.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML HyperText Markup Language Victoria E. Kozlek.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Introduction to HTML (Web Design) IT Fundamentals.
HTML Structure & syntax
Basic HTML Introduction to HTML.
Basic concepts of web design
4.01 How Web Pages Work.
Online PD Basic HTML The Magic Of Web Pages
Web Basics: HTML/CSS/JavaScript What are they?
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
CS7026: Authoring for Digital Media HTML Authoring
Computers and Information Systems
Learning the Basics – Lesson 1
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to XHTML.
Microsoft Office Illustrated
Basic HTML PowerPoint How Hyper Text Markup Language Works
Navigating The World Wide Web
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Tutorial Developing a Basic Web Page
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
HTML What is Html? HTML stands for Hypertext Markup Language.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HyperText Markup Language
HTML Structure & syntax
4.01 How Web Pages Work.
WJEC GCSE Computer Science
Presentation transcript:

HTML Part I

Internet structure made up of millions of interconnected computers whom can communicate with each other and share information

organizes the Internet’s vast resources into accessible information World Wide Web organizes the Internet’s vast resources into accessible information in 1989, Timothy Bernes-Lee from the CERN nuclear research facility near Geneva, Switzerland laid the foundation for the WWW

Hypertext document electronic file that contains elements that you can select to open another document

Web server computer that stores the Web document that users access

Web browser software program that accesses the Web document and displays its contents on the user’s computer browsers can be either text-based or graphical text-based—navigate by typing commands graphical—navigate with the mouse—ex. Netscape Communicator, Internet Explore, Safari

Tags usually come in pairs: Opening tag—tells the browser to turn on the feature and apply it to the document content that follows Closing tag—turns off the feature—identified by the slash that precedes the tag name

One-sided tags require only an opening tag

Two-sided tags require both an opening and a closing tag When in doubt, make it a two-sided tag by closing it

Headings Six levels of headings, number 1 through 6 1 is largest, 6 is smallest Headings appear in larger font than normal text and bolded <H1> Document Content </H1>

Alignment property tells the browser how to align the text <H1 ALIGN=CENTER>Mrs. Johnson</H1>

Hypertext Markup Language most common markup language used to create Web pages does not describe the way text looks but uses a code to describe how the text functions in the document the Web browser interprets the code and different browser may make different choices

Advantages of HTML portability—works across computer platforms speed—decreased file size and download time b/c less specifications

HTML document document content—those parts of the document that you want the user to see tags—HTML codes that indicate the document content—surrounded by brackets properties—additional information placed within the brackets that defines the document content’s appearance <Tag Name Properties> Document Content </Tag Name>

Saving an HTML File or Folder Less than eight characters Lowercase No spaces or special characters Use .html as the extension Example: filename.html