What is HTML ? HyperText Markup Language. The authoring language of the Web is currently HTML, which stands for HyperText Markup Language. Future versions.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

HTML popo.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML. The World Wide Web Protocols Addresses HTML.
HTML: HyperText Markup Language Hello World Welcome to the world!
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
HTML Computing Concepts HTML - An Introduction 1.
What is HTML? zThe authoring language of the Web is currently HTML, which stands for HyperText Markup Language. zFuture versions of the Web are likely.
What is HTML? zThe authoring language of the Web is currently HTML, which stands for HyperText Markup Language. zFuture versions of the Web are likely.
1 * The World Wide Web * HTML Basics Internet 1: The World Wide Web.
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
HTML Introduction HTML
Developing a Basic Web Page with 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 BASIC
The HTLM History HMTL Basics.  World Wide Web  World Wide Web (Web):The part of the Internet that supports multimedia and consists of a collection of.
WEB DESIGN 1 THEORY : 30 PRACTICE : 60 Lecturer : Phạm Sĩ Quan Phone : Blog:
Computer Sciences Department
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
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.
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.
HTML (HyperText Markup Language)
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
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.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.
Web Programming : Building Internet Applications Chris Bates CSE :
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Just Enough HTML How to Create Basic HTML Documents.
Lesson 3. Web Server Web Client Web Page Internet Explorer Netscape Com. Web Browser Instructions for display are in the Web pages and browsers interpret.
HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
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.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Started Getting started with HTML Authoring Authoring on the Web.
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
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.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
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 Web Publishing M. Scott Gartner 7/15/98.
Computer Basics Introduction CIS 109 Columbia College.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
HTML Basics.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Chapter 1 Introduction to HTML.
CSCI-235 Micro-Computers in Science
Computers and Scientific Thinking David Reed, Creighton University
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Programming : Building Internet Applications Chris Bates CSE :
Presentation transcript:

What is HTML ? HyperText Markup Language. The authoring language of the Web is currently HTML, which stands for HyperText Markup Language. Future versions of the Web are likely to be based on XML which stands for eXtensible Markup Language

HTML: What is it? HTML is a document layout and hyperlink specification language HTML defines the syntax and placement of special, embedded directions (called “tags”) that are not displayed by the client browser HTML is concerned with the STRUCTURE of a document, not so much the APPEARANCE of that document

HTML did not support things like Sound, motion, video User interactions Counters and market information But these applications can be accomplished through external programming tools that run “under” HTML. (plugins)—heard of Flash? With new HTML5 this is changing (but not in this course)

HTML files and tags HTML files are simple ASCII files (aka “text files”) containing “embedded tags” describing the document layout of content authored by you HTML “embedded tags” are directions to the browser (e.g. Firefox, Safari, or Internet Explorer) The browser uses the information inside the HTML tags to decide how to display or treat that content Ex: the tag specifies the title you choose to use for the document

Who Governs HTML Development? Began as informal specification- Now used by millions Needed formal organizational blessing of -- World Wide Web Consortium (W3C) W3C manages the HTTP (HyperText Transfer Protocol) standard and markup languages that address that standard IETF (Internet Engineering Task Force)— defines the technology behind the Internet and WWW

Tools for Web Authors The minimum: an editor, a browser and if possible an Internet connection HTML editor or word processor? Your decision (both have advantages): Editors (pure ASCII) support “raw HTML coding” (aka “markup”) WP supports content development – (esp. spell check, thesaurus lookup, outlining)

Why not use a Web Authoring Toolkit? FrontPage, DreamWeaver, even MS-Word automatically translate your text into HTML. Why not take the easy road? Not all adhere to latest W3C standards Some may not render well across different browsers Most WYSIWYG HTML editors don’t have up-to-date built in browsers (so they may give misleading displays) You can lose control over your document space…

HTML -- Let’s Start HTML’s basic four tags z

HTML Container vs empty tags z Container ; z Empty Attributes (modify HTML tags) z z Four attributes (src, height, width, alt)

HTML - Heading/Paragraph Heading Elements - varies font size z Levels 1 (largest) to 6 (smallest) z z Inserts a line break before and after Paragraph Tag z z Inserts a line break before and after

HTML -- More Tags Line Break Tag z z Manual line break Text formatting z

HTML – Align Attributes Align Attribute z Modifies horizontal position of text z left z right z center z justify

Enough already! Let’s get started You become the publisher

Links Links are created by the Anchor Tag This is the tag also known as a href for Hypertext Reference Anchor tag is the HTML feature that defines both the source and destination of a hyperlink

Links (continued) Links/Hyperlinks z file in same directory z file in different directory; same machine z file on another website z send

Links Link examples z File z Google z

HTML -- Lists Lists z Ordered -- numbered z Unordered -- bulleted z Definition

Making your HTML more exciting

Images Put this in your file for image display z Make it a link z

Getting Images Find on the Internet Make ourselves Digitize

Getting Images You create Software packages Photoshop, PaintShop Pro, PrintShop, your phone You get from others Free or Fee -- be careful Others you have used???

Images for web pages Consider format.tif – large, bitmap.jpg – smaller, photographs, many colors.gif – usually small, drawings/logos/icons, Animated gifs, fewer colors than jpgs Others– example.png but some image formats don’t work with all browsers

zHTML -- Color Color z Predefined Color Names z RGB color values (lots of charts on Web)charts

Predefined color names: The 17 standard colors are: aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. (but which blue?)