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.

Slides:



Advertisements
Similar presentations
WeB application development
Advertisements

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Teppo Räisänen LIIKE/OAMK 2010
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. How to Create Web Pages Using HTML Introduction.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Saving a Word Document as a Web Page
Web Page Development Identify elements of a Web Page Start Notepad
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
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.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
HTML Introduction HTML
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
1 Introduction to HTML. 2  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language  of Web Pages on the World Wide Web. HTML is a.
 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.
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.
HTML Structure & syntax
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
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.
Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
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.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
15.1 Fundamentals of HTML.
Web Page Creation Part I ST: Introduction to Web Interface Design Prof. Angela Guercio.
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
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
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.
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.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
15.1 Fundamentals of HTML DeKalb County School System.
The Teacher Computing HTML HyperText Markup Language.
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.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
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 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.
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.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
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.
Online PD Basic HTML The Magic Of Web Pages
Introduction to HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML HYPERTEXT MARKUP LANGUAGE.
HTML Structure.
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
Presentation transcript:

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 design the layout of a document and to specify the hyperlinks. HTML tells the browser how to display the contents of a hypertext document. It provides many Layout commands that let you control the presentation of information on the web pages.

Tag A tag is coded HTML command that indicates how part of web page should be displayed. Tags are contained with angle bracket(<>) As HTML is not case sensitive language, HTML tags can be written in capital as well as small letter. e.g. HTML, title, head, BODY etc.

Attribute An attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc. e.g. bgcolor, align etc.

How to create HTML document To create a HTML document, you can write document in Notepad.

Starting NotePad NotePad is the standard text editor that comes with the microsoft windows operating system. To start NotePad in windows follow the steps bellow:  Click on the “Start” button located on your Windows task bar.  Click on “Programs” and then click on the directory menu labeled “Accessories”.  Locate the shortcut “NotePad” and click on it.

Saving a File in notepad  Once you have created your basic starting document and it is a good idea to save your file.  To save a file, in NotePad, follow these steps: 1.Locate and click on the menu called “File”. 2.Select the option under File Menu labeled “Save As”. 3.In the “File Name” text box, type in the entire name of your file (including the extension name.html) Also not forget to select “All files” from “Save As Type” box.

Previewing Your Work To preview Your Work, open a web browser and do the following: 1.Click on the menu labeled “File”. 2.Locate the menu option, “Open”. In the “Open” dialog box, click on the “Browse” button and locate your web document. 4.Click “OK” once you have selected your file.  The web browser will load the same document

Creating a Basic Starting Document KV-Rohtak Write one paragraph about Your School.

Creating a Basic Starting Document