An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more.

Slides:

Advertisements

Similar presentations

3.02D HTML Overview 3.02 Develop webpages.

Advertisements

3.02B Authoring Languages 3.02 Develop webpages..

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

HTML Basics Customizing your site using the basics of HTML.

Internet Applications Development Lecture 2 L. Obead Alhadreti.

HTML. The World Wide Web Protocols Addresses HTML.

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

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

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Tutorial 1: Getting Started with HTML5

Introduction to Web Development in HTML Web module day 1 IS 201.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.

Cascading Style SHEETS for formatting and layout control CSS HTML HTML HTML HTML HTML.

By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

Just Enough HTML How to Create Basic HTML Documents.

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.

All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

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.

HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Mark Dixon Page 1 Tech – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.

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.

Creating Your Own Web Page Using HTML (HyperText Markup Language.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.

HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”

This shows CIS17 and the first day introduction..

KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:

Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

HTML HyperText Markup Language Victoria E. Kozlek.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

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.

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.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

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 to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.

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.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.

Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.

Online PD Basic HTML The Magic Of Web Pages

HTML HYPERTEXT MARKUP LANGUAGE.

Nerd Website HTML.

HTML Text editors and adding graphics

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

WEB DESIGNING THROUGH HTML

Hypertext Markup Language

Creating your website and learning HTML

Presentation transcript:

An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more

What is HTML? HyperText Markup Language A text-based programming language Allows marking your text so it appears in a specific format Provides some specific features »Text formatting »Images »Links

A Sample HTML Page

An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more

Things to know about HTML Blank spaces and line endings do not matter Tags NOT case-sensitive »H1 = h1 »Body = body Typing and typos are very important There is lots of free information, including tutorials, online

An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Common HTML tags Where to learn more

Create Your First Web Page Run Windows Explorer and create the folder C:\firstpage Run Windows Notepad and create a file called index.html Begin coding the web page

Your First Web Page Check it out!

Your First Web Page Check it out!

My First Web Page Your First Web Page Check it out!

My First Web Page Welcome to my first website Your First Web Page Check it out!

My First Web Page Welcome to my first website <img src="house.jpg" alt="[16 Orchard Terrace]"> Your First Web Page Check it out!

Adding an Image Find an image and save it to C:\firstpage\myimage.jpg Edit your web code to include the image name. Check it out!

Welcome to my first website Some of my favorite web sites Your First Web Page

….. Some of my favorite web sites bobanahalf.com My own website. Vermont Information Processing This is where I work, providing business solutions for beverage wholesalers. Your First Web Page Check it out!

….. Some things that interest me U.S. Merchant Marines My grandfather was in the Merchant Marines. The Beatles Your First Web Page Check it out!

Your First Web Page Check it out!

An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more

Common HTML Tags Check out Webmonkeys HTML cheat sheet: nce/html_cheatsheet nce/html_cheatsheet For more practice, see their online tutorial: index0a.html?tw=authoring index0a.html?tw=authoring

An Introduction to HTML What is HTML? Things to know about HTML Create your first web page Where to learn more