INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
HTML Basics Customizing your site using the basics of HTML.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Creating and Editing a Web Page Using Inline Styles
How Tags are used to form your Web Page
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
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.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
15.1 Fundamentals of HTML.
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.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
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.
15.1 Fundamentals of HTML DeKalb County School System.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
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.
This shows CIS17 and the first day introduction..
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
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.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
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 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.
U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
Getting Started – Basic Page Structure
Pertemuan 1 Desain web Pertemuan 1
Online PD Basic HTML The Magic Of Web Pages
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
Internet Exploration: HTML Basics
Uppingham Community College
Basic HTML PowerPoint How Hyper Text Markup Language Works
Internet Exploration: HTML Basics
HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Web Design and Development
Introduction to Web Page Design
HTML HYPERTEXT MARKUP LANGUAGE.
Introduction to HTML5.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Pertemuan 1 Desain web Pertemuan 1
The language of the internet
Introduction to Web Application Design
The language of the internet
WJEC GCSE Computer Science
Hypertext Markup Language
Presentation transcript:

INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying the sample HTML documents. Open Notepad and type the code from the presentation. Save and then open the file in Internet Explorer (IE). Hold down ALT and click TAB to switch between programs.

Computer Technology Freshmen Mr. Quintin Introduction to HTML Hyper Text Markup Language Computer Technology Freshmen Mr. Quintin c

Basic Skeleton <HTML> <HEAD> <TITLE>Skeleton</TITLE> </HEAD> <BODY> </BODY> </HTML> WEB SAMPLE

Basic Skeleton <HTML> </HTML> This element tells your browser that the file contains HTML-coded information.

Basic Skeleton <HTML> <HEAD> </HEAD> </HTML> The head element identifies the first part of your HTML-coded document that contains the title. x

Basic Skeleton <HTML> <HEAD> <TITLE>Skeleton</TITLE> </HEAD> </HTML> The title element contains your document title that is displayed in the title bar at the top of the browser window

Basic Skeleton <HTML> <HEAD> <TITLE>Skeleton</TITLE> </HEAD> <BODY> </BODY> </HTML> The body contains the content of your document (displayed within the text area of your browser window).

Headings HTML has six levels of headings The first heading in each document should be <H1> Sample Code WEB SAMPLE

Formatting Text WEB SAMPLE <P> Paragraph Tag </P> <CENTER> Center Text</CENTER> <B>Bold Text</B> <I>Italics Text</I> <U>Underline Text</U> <BR>Break (new line) WEB SAMPLE

<HR> Horizontal Rule (line) WEB SAMPLE

RUBRIC

</HTML> THE END