 Anyone with access to the Internet can post a Web page.  You can create a Web page with just a text editor.  There are Web page construction tools.

Slides:

Advertisements

Similar presentations

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.

Advertisements

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: HyperText Markup Language Hello World Welcome to the world!

WeB application development

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

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

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

Introduction to HTML CPS470 Software Engineering Fall 1998.

Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.

Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Lecture 12. A Very Brief Introduction to HTML and XHTML Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring.

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.

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

Introduction to HTML. What is HTML? Hyper Text Markup Language A markup language designed for the creation of web pages and other information viewable.

Basics of HTML.

DAT602 Database Application Development Lecture 14 HTML.

HTML basics exercises.

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.

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.

CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.

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 Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.

Web Page Creation Part I ST: Introduction to Web Interface Design Prof. Angela Guercio.

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 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.

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

Introduction to HTML Vincci Kwong Reference/Instruction Librarian.

Introduction to HTML. What is HTML?  Hyper Text Markup Language  A markup language designed for the creation of web pages and other information viewable.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

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

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

CPT 499 Internet Skills for Educators Session Ten Class Notes.

Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Informatics Computer School CS114 Web Publishing HTML Lesson 1.

HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.

Web programming Part 1: HTML 由 NordriDesign 提供

HTML BASIC IST 210: Organization of Data IST210 1.

WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.

1 2/21/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Lists, Fonts, Links, and Preformatted Text.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

XP 2 HTML Tutorial 1: Developing a Basic Web Page.

HTML – The Basics Rebecca Shillingburg

2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.

Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.

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

HTML cancho. HTML HyperText Markup Language A set of HTML tags.

Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.

1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.

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.

HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.

Web Basics: HTML/CSS/JavaScript What are they?

Web Pages Anyone with access to the Internet can post a Web page.

HTML HYPERTEXT MARKUP LANGUAGE.

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

Presentation transcript:

 Anyone with access to the Internet can post a Web page.  You can create a Web page with just a text editor.  There are Web page construction tools available that allow you to create pages without understanding the underlying machinery. Web Pages

HTML  Hypertext Markup Language  Coding of web pages for a browser to render  A Web page is simply a text file written in hypertext markup language (HTML).  Markup language  is NOT a programming language (what is a programming language ? – later)  Consists of TAGS describing contents  HTML contains tags specifying text, images, hypertext links  Bold, Italics, color of text, Size,……  e.g.  In browser, “The Web browser is to view HTML documents”  The Web browser is to view HTML documents.

 Open Notepad  Type in the following:  Save as C:\100\test.html  Double click on the test.html file  This should bring up a web browser with “Hello World!” (this is your 1 st web page !) My First Web Page Hello World! This is a test. Your First Web Page

Open a new notepad, and copy codes on the right Save the file (make it sure that you save it with.html extension) Double click on the saved file to view it in web browser (this shows you different heading sizes) Headings <!DOCTYPE html PUBLIC “.//W3C//DTD.XHTML 1.1//EN” Heading style 1 Heading style 2 Heading style 3 Heading style 4 Heading style 5 Heading style 6

HTML Tags  Regions of text Specific Attributes --- line break --- italicize or -- bold and -- super or subscript and --- font size

Style=“text-align:right” Style=“font-family:Arial” –Basic font types Sans-serif: Plain --- arial and helvetica Serif: embellishments called serifs at tips of letters --- times and times new roman Monspaced: characters with equal widths --- courier and courier new –From a list, the first available font will be used Face=“airal, helvetica, sans-serif” Style=“font-size:12pt” Style=“font_weight:bold” Style=“color:blue”

 Link to another document – Hello World –Link to wikipedia – To Hemingway Link to an address – me Google map – vie w map –Image –

 Table   --- table row  --- table data  List  -- ordered list  -- unordered  -- definition row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 Coffee Milk

WYSIWYG What is the objective ? Plan for web pages Tools A free Web page editor named Kompozer Other similar software: Nvu Download kompozer to C:\100 and extract Wix.com web.com webs.com Wordpress.com