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

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.

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.

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

HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.

How Tags are used to form your Web Page

Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.

Basic HTML UCR Webmasters Support Group Derk Adams.

HTML Introduction HTML

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.

HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.

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.

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

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.

Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.

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.

Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12.

4 HTML Basics 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.

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.

Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.

1 Essential HTML coding By Fadi Safieddine (Week 2)

How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.

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.

HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.

HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.

Creating and Linking Web Pages Copyright 2006 South-Western/Thomson Learning.

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.

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.

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.

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.

Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

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.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

15.1 Fundamentals of HTML DeKalb County School System.

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.

4 HTML Basics 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.

Web Design Mr. Briggs’ Classes September 6-7, 2011.

Enhancing Your Web Site 2 assignments: 1st—complete the worksheet 2nd—create your 3RD HTML web page following the directions in this PowerPoint where it.

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

HTML BASIC IST 210: Organization of Data IST210 1.

Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.

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.

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

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.

How to build a Web Page or “The things geeks never told you!”

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.

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

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.

HTML Basic IST 210: Organization of Data IST2101.

How to make a brochure Go to Microsoft word 2007 and select any online template on brochure.

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

INTRO TO WEB DEVELOPMENT html

Creating and Linking Web Pages

Extended Learning Module F

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Uppingham Community College

Tutorial: How to Creat a Website.

J. Verlin Sophomore Seminar September 7 – October 2, 2017

Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”

A guide to HTML.

Presentation transcript:

Creating Your Own Web Page Using HTML (HyperText Markup Language

Basic HTML Rules Don’t let the complex look intimidate you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Tags are always enclosed in Beginning tags look like this Ending tags look like this

Basic Rules Contd. Most tags must be placed in front of and behind the text. Tags can be all uppercase Tags can be all lowercase They can not be a mixture of both Ex. Hint: lower case tags are the easiest.

Basic HTML Layout basic HTML layout body of web site

Basic tags header makes size larger h1, h2, h3….. bold italicized text inserts a line break and space Breaks the line but no space

Basic Tags Contd. numbered list bulleted list has to precede each list item

Saving Pictures You can not just copy and paste pictures for your website. Right click on the picture Choose save as picture Save it to the same folder that your website html is saved Picture also have to have the correct format. (jpeg or gif) pictures without this format will not work.

Formatting Your Web Site Body tag Backgrounds, font size, color and type can be added in the body tag for the entire page.

Formatting Your Web Site Contd. Font tag Individual lines can be formatted differently using the font tag. Rember to end the line with Other formatting tags

Things to Remember Use NotePad to create HTML Code Start, Programs, Accessories, NotePad Hitting enter does not move text to the next line in HTML only the tags and do It may take a lot of experimentation to get the web page to look like you want it to.

List of color names AquaGray NavySilver BlackGreen OliveTeal BlueLime PurpleWhite FuchsiaMaroon RedYellow BluevioletGold OrangeSeagreen ChocolateHotpink Paleturquiose SiennaIndigo PeachpuffSnow FirebrickMintcream SalmonTan

Resources HTML books (classroom Use websites that list codes These are too numerous to list. Use Google to search using HTML a the search phrase. Individual formatting can also be searched and found on Google.