HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text.

Slides:

Advertisements

Similar presentations

Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.

Advertisements

HTML Tags and Their Functions

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.

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.

CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.

CIS101 Introduction to Computing HTML Project Two.

CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.

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. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.

HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.

Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.

Session: 3. © Aptech Ltd. 2Formatting Text using Tags / Session 3  Explain the Heading tag  Explain the different tags related to formatting  Explain.

Identifies the Structure Table Row Column 1 Table Heading Column 2.

HTML Comprehensive Concepts and Techniques Second Edition Creating Tables in a Web Site October 23, 2012.

Chapter 2: The Client Side: HTML CIS 275—Web Application Development for Business I.

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.

HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.

Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C

HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.

Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.

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

HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

9 April 2008 Creating Web Pages with Links, Images, and Formatted Text WEB 101 – HTML Prof: Mariana Mendoza-Botero Escuela de Administración de Empresas.

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

9 April 2008 Creating Web Pages with Links, Images, and Formatted Text WEB 101 – HTML Prof: Mariana Mendoza-Botero Escuela de Administración de Empresas.

Creating Web Pages with Links, Images, and Formatted Text Information Presented by S. Cox.

Creating Web Pages with Links, Images, and Formatted Text

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.

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.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

Hypertext Mark-Up Language Web Page Creation HTML.

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

HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.

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.

Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.

CPT 499 Internet Skills for Educators Session Ten Class Notes.

Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.

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.

Tutorial 3 Adding and Formatting Text with CSS Styles.

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.

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

HTML Links HTML uses a hyperlink to another document on the Web.

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 the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2- part 2 Key Concepts 1 Copyright © Terry Felke-Morris.

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 Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.

Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.

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

Creating Tables in a Web Site HTML 4 Created by S. Cox.

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

REEM ALMOTIRI Information Technology Department Majmaah University.

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

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.

Creating a Web Site with Links

Computers and Scientific Thinking David Reed, Creighton University

Presentation transcript:

HTML PROJECT #3 Project 3 Creating Web Pages with Links, Images, and Formatted Text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 2 Vocabulary supA text formatting tag used to display text as superscript Superscript shows text above regular text 10 3 shows the number 3 as superscript.

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 3 Vocabulary bullettypeAn attribute used with the HTML tag to define the type of bullet used in a bulleted list

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 4 Vocabulary strongA text formatting tag used to display text with strong emphasis (usually appears as bold)

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 5 Vocabulary preA text formatting tag used to set text as preformatted text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 6 Vocabulary backgroundAn attribute used with the HTML tag to add a background image to a Web page

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 7 Vocabulary ttA text formatting tag used to display text as teletype or monospace text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 8 Vocabulary smallA text formatting tag used to specify text that is smaller in comparison to surrounding text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 9 Vocabulary alinkAn attribute used with the HTML tag to specify the color of an active link

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 10 Vocabulary Thumbnail ImageA smaller version of a large image, usually used as a link to the large image

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 11 Vocabulary Home PageThe main page of a Web site

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 12 Vocabulary vlinkAn attribute used with the HTML tag to specify the color of a visited link

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 13 Vocabulary mailto:An attribute used with the HTML code href to specify an link

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 14 Vocabulary subA text formatting tag used to display text as subscript

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 15 Vocabulary bigA text formatting tag used to specify text that is larger in comparison to surrounding text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 16 Vocabulary Text LinkOne or several words used as link; usually displays as underlined and in a different color

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 17 Vocabulary hspaceAn attribute used with the HTML tag to display horizontal space to the left and right of an image

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 18 Vocabulary blockquoteA text formatting tag used to designate a long quotation

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 19 Vocabulary emA text formatting tag used to display text with emphasis (usually appears as italicized)

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 20 Vocabulary hrefAn attribute used with the HTML tag to specify the URL of the linked page or file

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 21 Vocabulary HTML tagA feature of the HTML language used to define and format text

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 22 Vocabulary borderAn attribute used with the HTML tag to indicate the size of the border of the image

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 23 Vocabulary typeAn attribute used with the HTML tag to specify the content type of the linked page or file

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 24 Vocabulary altAn attribute used with the HTML tag to display text while an image is loading

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 25 Vocabulary TargetA named location used as the destination for a link

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 26 Vocabulary Left-alignedAn attribute used with the HTML heading tag to indicate that the heading is aligned to the left

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 27 Vocabulary relAn attribute used with the HTML tag to indicate a forward relationship

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 28 Vocabulary revAn attribute used with the HTML tag to indicate a reverse relationship

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 29 Vocabulary Image LinkAn image used as a hyperlink

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 30 Vocabulary linkA link that opens a new message in the default program, with the appropriate address

HTML Project 3: Creating Web Pages with Links, Images, and Formatted Text 31 Vocabulary vspaceAn attribute used with the HTML tag to display vertical space above and below an image