HTML Extras.

Slides:



Advertisements
Similar presentations
Intro to HTML Basics HTML = Hypertext Mark-up Language HTML = Hypertext Mark-up Language HTML is a plain-text file that can be created using a text editor.
Advertisements

Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML. The World Wide Web Protocols Addresses HTML.
Internet Applications Development Lecture 3 L. Obead Alhadreti.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Lecture HTML Images. Use for Images Photos and Graphics Buttons for Navigation Bullets for Lists Backgrounds Symbols and Icons Logos.
Web Page Development Identify elements of a Web Page Start Notepad
Marking Up With Html: A Hypertext Markup Language Primer
HTML Introduction HTML
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.
© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Headings, Paragraphs, Formatting, Links, Head, CSS, Images
McGraw-Hill/Irwin © The McGraw-Hill Companies, All Rights Reserved TECHNOLOGY PLUG-IN T10 Creating Web pages Using HTML.
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
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.
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
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.
Just Enough HTML How to Create Basic HTML Documents.
HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
HTML Extras. Adding a button   This is what it would look like:  Add color to your button: 
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.
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.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
Using Plug-Ins Adding Multimedia to an HTML Document.
DIV, Span, CSS.
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.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
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 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
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.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
This is a test Webpage Wow, I’m writing my first webpage.
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.
LAB Work 01 MBA 61062: E-Commerce
Making your HTML Page Interactive
Images in HTML PowerPoint How images are used in HTML
With Microsoft FrontPage 2000
Dreamweaver – Project #1
Tag Basics.
Client-Side Internet and Web Programming
HTML Extras.
Computers and Scientific Thinking David Reed, Creighton University
Basic HTML and Embed Codes
Marking Up with XHTML Tags describe how a web page should look
Cascading Style Sheets™ (CSS)
Making your HTML Page Interactive
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

HTML Extras

Adding a button <form method="get" action="http://address you want to link to"><input type="submit" value="click here"></form> This is what it would look like: Add color to your button: <FORM METHOD="get" ACTION="http://www.lissaexplains.com"><INPUT TITLE="submit" TYPE="submit" STYLE="background:#00ff00" VALUE="Click Here"></FORM>

Changing your Horizontal Rule <hr width=“25%”> OR <hr width=“200”> This creates a rule that covers 25% of the screen OR using 200 pixels which also resizes the width. <hr width=“25%” size=“3” The size attribute allows you to change the thickness to 3 pixels (the default is 1) <hr color=“blue”> Changes the color of the line

Non-Breaking Space To indent a paragraph: Use non-breaking spaces They don’t use brackets and is not a container  

Adding Symbols Symbols have codes that begin with & and end with ; The number or letters between allow the browser to display that symbol To see codes for symbols go to http://www.ascii.cl/htmlcodes.htm

Linking to an email address <a href=“mailto:lburgess.wp@calhoun.k12.al.us>Send me a message</a>

Adding Background image <body background=“file name” Sound – link the sound just like you link to an image <a href=“greeting.wav”>Listen to my greeting</a> Video clip <a href=“homemovie.mov”>Watch my home movie.</a>

Embedded Sound For sound, only use wav or midi files so that viewer can see/hear <bgsound src=“mysound.wav”> <bgsound src=“mysound.wav” loop=“3”>

Free Backgrounds Templateyes.com/web-backgrounds/index.htm Appleblossomart.com/sitebackgrounds.htm Thefreesite.com