Step 1: Starting an HTML Document: Right Click: new>text document.

Slides:



Advertisements
Similar presentations
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,
Advertisements

Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
Web Page Development Identify elements of a Web Page Start Notepad
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
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.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web Web.
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.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
HTML Structure & syntax
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
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.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
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.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
HTML I An Introduction to the Language of the Web Terry Bake
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
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.
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
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.
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.
HTML Basic Structure. Page Title My First Heading My first paragraph.
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.
Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.
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.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
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.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Week 1: Introduction to HTML and Web Design
HTML Structure & syntax
Getting Started With HTML
HTML5 Basics.
Uppingham Community College
Coding, Testing and Valdating a Web Page
Intro to HTML Mr. Singh.
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
Web Development & Design Foundations with HTML5 8th Edition
Intro to Web Development Class A Review
Web Design and Development
HTML HYPERTEXT MARKUP LANGUAGE.
Basic HTML and Embed Codes
HTML 12/27/2018.
HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
Intro to Web Development HTML Structure
Intro to Web Development Links
Intro to Web Development First Web Page
Introduction to HTML5.
HTML Basic Structure.
HTML Structure.
Web Application Development
HyperText Markup Language
The Most Basic HTML Page
The language of the internet
The language of the internet
Type your presentation title here
Put the title here Here is the sub-title.
Put the title here Here is the sub-title.
Main Title Here Topic 2 Topic 3 Topic 4 Topic 5
Web Programming and Design
Presentation transcript:

Step 1: Starting an HTML Document: Right Click: new>text document

Change the name to: first.html

Open with notepad or notepad++ (which you should have anyway)

This is the first thing you will see in a simple HTML5 document. It tells the browser what kind of document this is. These <> are called tags. Things that go inside the tags are called ‘attributes’ Next is the the meta-tag which allows us to use multiple language characters in our document.

After the Doctype tag is the tag. The entire document goes in this tag. Entire document goes here

The and tags. Notice that meta does not have a closing tag

The tag contains everything you see in the There are many tags which belong in the tag. The body is where we put our text, pictures, and videos.

The HTML ‘Skeleton’ Title of the document Content of the document Memorize this: -Everything Goes inside html, it is the world -the head goes above the body -certain tags go inside the head such as: title and meta and script -Head goes between the first html tag and the first body tag