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.

Slides:

Advertisements

Similar presentations

Introduction to HTML

Advertisements

Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.

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.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

How Tags are used to form your Web Page

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

Web Page Development Identify elements of a Web Page Start Notepad

Basic HTML UCR Webmasters Support Group Derk Adams.

Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.

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.

1 Creating a Web Page An introduction to Hypertext Markup Language (HTML) ~~~~~ ~~~~ ~~~~~

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

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.

Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.

THE BACKBONE OF EVERY WEB PAGE HTML Day 1. What will we learn? How to create a basic web page Backgrounds and colors How to link Web sites How to include.

Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.

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.

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

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.

CSCI 1101 Intro to Computers

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.

Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.

Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.

What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.

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

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.

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.

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

HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

Informatics Computer School CS114 Web Publishing HTML Lesson 1.

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 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.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.

Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

This shows CIS17 and the first day introduction..

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 – The Basics Rebecca Shillingburg

HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

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.

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.

Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.

Let’s Try It! Open Notepad

Online PD Basic HTML The Magic Of Web Pages

Extended Learning Module F

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Creating a Home Page in HTML

Presentation transcript:

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 tags (special codes) Make web sites

TAGS Beginning tag <> Ending tag Example: HELLO

HEADINGS Change font sizes H1=largest H2 H3 H4 H5 H6=smallest

Appearance tags (how fonts look) =bold =italics =underline text * To combine heading & appearance: This is cool!

Line Formatting =new paragraph =line break (spacing) =horizontal rule = paragraph alignment

SAMPLE PAGE What the beginning of a page looks like: Everything About Me My name is Alice Lingo etc. Each tag needs to be on a separate line

Ending tags Ends body of web page Ends entire page *These tags must be at the end of every page!

How to start programming Open notepad Beginning tags Add info Save as: filename.html Changes to a web browser file Open in explorer View sample page

Practice Time… Open notepad Use beginning tags Add 2 lines of text Ending tags Save and browse

BACKGROUND & font COLORS Add after tag

Other tags Ordered list (numbered) My Favorite Places = indicates beginning of list Orlando Hawaii North Clarion = indicates end of list Unordered List (bulleted) Same, but change to Save and view

Advanced tags Change font size and type Under body tag or with it Save & view

ADVANCED TAGS Insert images & change their size Place tag where you want picture to appear Save & view

ADVANCED TAGS Link pages to another site Place tag where you want link to appear WalMart Save & view

ADVANCED TAGS Link your pages together My Pet Page Save & view

ADVANCED TAGS Insert picture instead of text for links file:///h|/pets.html Save & view

ADVANCED TAGS Use picture as background Instead of End with same tag at bottom Save & view

WEB PAGE PROJECT Create a web site about yourself Must have at least 4 pages Hyperlinks 3 links to favorite web sites All pages linked back and forward Ordered or Unordered list Horizontal rules Clipart, Fonts and backgrounds used *Make sure all fonts are visible and readable; check spelling and links!!

Beginning tags must be at the top and bottom of every web page Indicates beginning and end of an HTML contains info about the web page name of web site Title of your web page Blue title at top Ends heading info