CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

Introduction to HTML

Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.

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.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

HTML. The World Wide Web Protocols Addresses HTML.

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

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.

How Tags are used to form your Web Page

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

Introduction to HTML CPS470 Software Engineering Fall 1998.

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

CIS101 Introduction to Computing

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

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

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.

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

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

CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 

1 Creating a Web Page An introduction to Hypertext Markup Language (HTML) ~~~~~ ~~~~ ~~~~~

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

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

1 Essential HTML coding By Fadi Safieddine (Week 2)

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

Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'

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

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.

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

Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Just Enough HTML How to Create Basic HTML Documents.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.

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.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.

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

Introduction to web development and HTML MGMT 230 LAB.

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 Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

The Teacher Computing HTML HyperText Markup Language.

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.

HTML BASIC IST 210: Organization of Data IST210 1.

HTML – The Basics COE 201- Computer Proficiency. The Internet The World Wide Web ▫Also known as the Web ▫Created in 1989  European Laboratory for Particle.

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.

Introduction to HTML C151 Multi-User Operating Systems.

This shows CIS17 and the first day introduction..

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

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

HTML – The Basics Rebecca Shillingburg

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

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.

Presentation transcript:

CPSC 203 Introduction to Computers Lab 33 By Jie Gao

November 4, 2002CPSC 203 Labs by Jie Gao What Is a Web Page? A file with the extension “htm” or “html” This file can be at the remote server (with a web address) or at the local computer (with a file path). Examples: D:\documents\sample.htm This file can be parsed and displayed in a web browser (Internet Explorer or Netscape)

November 4, 2002CPSC 203 Labs by Jie Gao Behind the Scene A web page is actually a text file (only the extension is different from the normal text file) A particular language named HTML is used in the web page file HTML: HyperText Markup Language Tags are used in HTML to express different meanings

November 4, 2002CPSC 203 Labs by Jie Gao Tags A beginning tag is in the format or An end tag is in the format Examples: …

November 4, 2002CPSC 203 Labs by Jie Gao The Structure of a Web Page The most top level: HTML tag Head: contains information about the current document, such as its title, keywords that may be useful to search engines, and other data that is not considered document content Body: contains the document's content

November 4, 2002CPSC 203 Labs by Jie Gao The Structure Sample Sample Web Page …

November 4, 2002CPSC 203 Labs by Jie Gao What’s in the Body? The body contains the content of the web page:,…, : Different styles of headers : Paragraphs : Images : Links : Line break within paragraphs, : Ordered, or itemized lists : list items

November 4, 2002CPSC 203 Labs by Jie Gao Control the Format Font, size and color: … Face contains the font name e.g. Arial, Sans-Serif Size: -7,…,-1; 1,…,7; +1,…,+7 (default: 3) Color: red, blue, … Style Bold: or Italic: or Align Center:

November 4, 2002CPSC 203 Labs by Jie Gao Tools to Create a Web Page Notepad Directly write HTML language into a.htm or.html file Word Create a document, then “Save as Web Page…” FrontPage Create web pages directly The interface is similar to Word Manage your web pages in a site

November 4, 2002CPSC 203 Labs by Jie Gao Assignment 4 Please follow the requirements posted in the course web site: And detailed explanation in my TA web site: You can refer to my home page or other home pages My home page: or