HTML Crash Course for Educators Basic Web Design TPSD Professional Development By Amy Johnson.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH
HTML Basics Customizing your site using the basics of HTML.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
HTML popo.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML. The World Wide Web Protocols Addresses HTML.
C HAPTER – 3 I NTRODUCTION TO H TML By :- Pinkesh H. Patel.
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
Introducing HTML Skills: create simple Web pages
How Tags are used to form your Web Page
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
Introduction to HTML CPS470 Software Engineering Fall 1998.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)
Marking Up With Html: A Hypertext Markup Language Primer
ETT 429 Spring 2007 Web Design I.
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.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
Chapter 5 Working with Tables. Agenda Add a Table Assign a Table Border Adjust Cell Padding and Spacing Adjust Cell Width and Height Add Column Labels.
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.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
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.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Define html document byusing Example : Title of the document The content of the document......
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
Understanding HTML Code
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
CSCI 1101 Intro to Computers
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.
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.
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.
Hypertext Mark-Up Language Web Page Creation 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.
HTML: Hyptertext Markup Language Doman’s Sections.
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML HTML: Hypertext Markup Language. The basic language of the World Wide Web. Developed around 1991 at the CERN lab on the French-Swiss border by Tim.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
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 BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Web programming Part 1: HTML 由 NordriDesign 提供
HTML World Wide Web Consortium What does HTML stand for? – – –
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
1 2/21/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Lists, Fonts, Links, and Preformatted Text.
Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.
HTML tags and attributes By: Dennis Champagne. List of tags.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
REEM ALMOTIRI Information Technology Department Majmaah University.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
HTML: Hypertext Markup Language The language to make web pages 0.
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.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
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.
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.
The Most Basic HTML Page
Presentation transcript:

HTML Crash Course for Educators Basic Web Design TPSD Professional Development By Amy Johnson

Basic Web Page Creation Basic HTML tags Headers, Titles, & Paragraphs Stylized Text and Other Tricks Hypertext Links Intermediate HTML Design Using Images Conclusion: Putting It All Together

Basic HTML Tags

Headers, Titles, and Paragraphs Headers Used to denote main headings and subheadings: go from 1 to 6 Show relative importance of information This is H1 This is H1 This is H2 This is H2 This is H3 This is H3 This is H4 This is H4

Titles Title Tags Titles appear a the top and center of a web browsers open window. Here is my title

Paragraph & Break Tags surround a paragraph of info. This tag will add a small amount of space before the next paragraph. (single-sided tag) Starts the next word on the next line No space is left between lines

Stylized Text and Other Tricks Physical Styles Used to Bolden text. Used to italicize text. Used to create typewriter or fixed-width text. Logical Styles Used for citing a source or emphasizing of a point. (see handout)

Horizontal Rules & Center Tag Will put a line In the place of x put how long you want the line to be. Creates a wide short line Center Tag:

Hypertext Links Link to Other Documents Using Example: Tupelo Schools Link to Me

Lists Unnumbered Lists Eenie Meanie Eeanie Miney Meanie Mo Miney Mo

Lists Ordered Lists 1. Eenie 2. Meanie Eenie 3. Miney Meanie 4. Mo Miney Mo

Using Images Create a folder called images inside your webpage folder

Putting It All Together See the final results Final Page