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

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

Introduction to Creating a Web Page using a Simple Text Editor (Notepad) 1  2004 Ecirp Studios
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
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.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
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.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
 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.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Using HTML to Create a Basic Web Page… By Josh Gallagan.
HTML Structure & syntax
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.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
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.
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.
15.1 Fundamentals of HTML.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
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.
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. 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-
Creating Webpage Using HTML
HTML Codes Miss B.
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.
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.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
15.1 Fundamentals of HTML DeKalb County School System.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
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.
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.
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.
This shows CIS17 and the first day introduction..
HTML rev 01/09/2016 Hyper Text Markup Language. HTML -history  Hypertext Markup Language is the main language for creating web pages . It was first.
HTML – The Basics Rebecca Shillingburg
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.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
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.
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.
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 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 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 Structure & syntax
HTML Structure & syntax
Pertemuan 1 Desain web Pertemuan 1
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.
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.
HTML Structure.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HyperText Markup Language
The Most Basic HTML Page
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
HTML Structure & syntax
Presentation transcript:

HTML INTRODUCTION

What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on the Internet  HTML is not case sensitive

Tags  Used to create structure  Tells the browser how to display text and graphics  Tags do not show when you are viewing an actual page  Tags are always surrounded by angle brackets

TAGS (Container)  You must have a beginning and ending tag for most commands.  These are called container tags  Beginning tags are structured as follows  Ending tags are structured as follows Notice the / on the closing tag which tells the browser that the tag has ended.

Other common container tags include  and  and (etc.)  and

TAGS (empty)  An empty tag stands alone  There is no ending tag  An example would be the line break tag, represented by the br

To build any web page,  You need four primary container tags

All web pages start with  All web pages end with  This tells the browser that the following document is an html file. Tags tell the browsers how to display information.

Head Section  The head tag contains the title of the document and any general information about the file  Examples: Copyright Author Keywords Description of content

Title  Appears inside the head tags  Gives the title of your page  Shows up in the title bar at the top  Make it descriptive  Not more than 20 words in length

BODY  This tag contains the main content of your page  Everything that should show on your actual page should appear between these two tags

Creating your first web page  Use Notepad to create your HTML pages  When you save the document, you should add.html after the name

Student Action: Type the following This is my first web page. Hello world. This is my first web page. There’s more to come.

Save As  Firstpage.html Always add.html after the name.  To preview your new document, open Internet Explorer  On the toolbar, select File, then Open  Click Browse and find your file in your folder  Congratulations! You have just created your first page.