Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

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.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
HTML Overview - Text Markups. Before We Begin Make a copy of your HTML file you created in the previous lesson Make a copy of your HTML file you created.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
1 Dreamweaver CS5 intermediate class by Cookie Setton Build a CSS website WITHOUT TABLES Just when you thought you were starting to understand HTML coding,
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
HTML – The On-line Language HTML (Hyper Text Markup Language) Basic building block of any on-line page Adds flexibility to programs such as WebCT.
Adding HTML to Blackboard
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
COS 125 Day 13. Agenda Capstone Projects Proposals Over Due Timing of deliverables is 10% of Grade Still missing two First Capstone Progress Report Due.
COS 125 Internet Fundamentals and Web Page Design Day 12.
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
ETT 429 Spring 2007 Web Design I.
HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Designing a Classroom Web Site Using NVU Beginning Level.
CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.
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.
Define html document byusing Example : Title of the document The content of the document......
By Sonali Gidwani. The Complex Way To make a website the complex and normal way, you need a special website editor which comes with a code called HTML.
Creating your Webpage with tables. This is a 2 column by 1 row table!
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.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
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.
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Images in HTML PowerPoint How images are used in HTML.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Hypertext Mark-Up Language Web Page Creation HTML.
HTML H yper T ext M arkup L anguage. What is HTML? It is a programming language that Defines the format of a World Wide Web (WWW) page. It is a simple.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
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.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
The Language of the Internet. HTML5 Hypertext Markup Language- Fifth iteration Used to create documents containing text, images, and hyperlinks Has Grammar.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
HTML: Hyptertext Markup Language Doman’s Sections.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Styling in HTML PowerPoint How to style in HTML. Styling in HTML Styling tags can be added to HTML to place emphasis or add appeal – These tags must be.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Spiderman ©Marvel Comics Creating Web Pages (part 1)
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
HTML tags and attributes By: Dennis Champagne. List of tags.
Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.
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.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
HTML basics
Creating and Linking Web Pages
Intro to Dreamweaver Web Design Section 8-1
Uppingham Community College
Tag Basics.
HTML Intro.
Lesson 3: Formatting Text
Presentation transcript:

Continuing HTML

Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to another webpage. Note that copying from this PowerPoint presentation will require you to go back and change the quotation marks. To create an Internal Hyperlink: What you want the link to say” Wherever you want the image to take you type: What you want the internal link to take you to To create an External Hyperlink: Link to Google

Images To add an image to your webpage type in:

More on Images To add alternative text to an image add alt=“text” to the image tag To change the width and the height of the image add width=“#” height=“#” to the image tag

Image Hyperlink To make an image into a hyperlink, use the following tags:

Styles To center something that you want to be centered add in front of it, and when you want the centering to stop. To strike though text use in front of the text you want to strikethrough and when you want the strike to stop. To make the text bold use in front of the text you want to make bold and when you want to stop the text from being bold. To make the text underlined use in front of the text you want to underline, and to stop underlining. To make the text italicized use in front of the text you want to italicize, and when you want to stop italicizing.

Super and Sub Scripts To write things like 2 nd, a superscript is required. To create a superscript with HTML use the tag in front of what you want to superscript, and when you want the text to go back to normal. To write fractions like 1 / 2, both super and subscripts are used. To write the denominator using a subscript, use the tag in front of what you want to be subscripted, and when you want the text to go back to normal.

Marquee To put a marquee on your website, just put in the code Type what you would like to appear on your marquee

Assignment Edit your webpage to include the following criteria: Internal Hyperlink10 pts External Hyperlink10 pts 2 images20 pts Image Hyperlink10 pts 4 styles20 pts Super and Subscripts10 pts Marquee10 pts Aesthetic Appeal10 pts