Introduction to HTML C151 Multi-User Operating Systems.

Slides:



Advertisements
Similar presentations
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.
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
HTML Introduction CS 1020 – Lego Robot Design. Building Websites HTML (HyperText Markup Language)  The dominate language of the internet  Describes.
HTML popo.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML. The World Wide Web Protocols Addresses HTML.
WeB application development
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
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
Creating And Publishing A Webpage You will learn the basic html ‘tags’ for formatting a webpage as well including internal and external content.
Introduction to HTML CPS470 Software Engineering Fall 1998.
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.
CS /13 DePaul University SNL 262 Advanced Web Page Design Review & Introduction - I Instructor: David A. Lash.
HTML Primer Basics of HTML for those who haven’t used it before.
Marking Up With Html: A Hypertext Markup Language Primer
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 Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
Understanding HTML Code
 2002 Prentice Hall, Inc. All rights reserved.2 Chapter 2 — Introduction to HyperText Markup Language 4: Part I Outline 2.1Introduction 2.2Markup Languages.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
1 Introduction to HTML Joshua S. Simon Collective Technologies.
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.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
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.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
CPT 123 Internet Skills Class Notes Publishing to the Web Session B.
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.
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.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Introduction to HTML. What is HTML?  Hyper Text Markup Language  A markup language designed for the creation of web pages and other information viewable.
1 John Magee 9 November 2012 CS120 Lecture 17: The World Wide Web and HTML Web Publishing.
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.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
Computational Boot Camp HTML Mike Schaffer. 8/23/2002 (MES) HTML What is HTML? HTML stands for HyperText Markup Language HTML is the language for publishing.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
CS 330 Class 2: Programming Plan for Today Recap from last time More UNIX Begin HTML (material from Chapters 5-8) –Tags and attributes –Hyperlinks Features.
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 提供
HyperText Markup Language. Web Hosting Creating a web site (on a site like iPage) –Buy domain name ( –iPage has registrar (e.g., FastDomain.
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
CS 100 Introduction to Web Page Construction and HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Introduction to HTML C151 Multi-User Operating Systems

Web Server Each user of a server can create a directory under their home directory (~) and that directory will be used to hold their web pages. Examples: For CS account, the directory should be called public_html. For IUSB account (mypage.iusb.edu), the directory should be called html. A server also defines a default name to be given to the starting page in any directory. For CS account: index.html For IUSB account: index.html

Page Identification The default starting page in the default directory is identified by the user name in that domain. Web address of my user name in the CS domain: /home/yul/public_html/index.html File identified by that address: /home/yul/public_html/index.html Any subdirectory can be accessed by adding its name to the main address: Any other file than the one with the default name is identified by adding the relative path and the file name to the main address:

Introduction to Html HTML stands for HyperText Markup Language. An html document (page) contains text and some tags specifying the format and links to images, other pages, and so on. A tag is applied to the entire text enclosed by and. Comment in HTML Any text between is considered a comment and will not appear on the screen. A document must start with the tag and end with. It is composed of a header and a body Examples of things found in the head: My web page

Simple Formatting Tags New line: The tag is an empty tag which means that it has no end tag. New paragraph ……….. Headings: various titles, text to be displayed in a bigger font and usually bold or italics heading 1... heading 2... etc.

Text Properties... bold: italics: centered:... Special characters: & & the & character < <the < character > >the > character

Fonts - Divisions A font tag can be used to set character properties like font, color, size …

Lists Unordered lists: Monday Tuesday Wednesday Marked with bullets Ordered lists: Monday Tuesday Wednesday Marked with numbers

Tables Delimited between the tags... Each table row is delimited by... Each table cell is delimited by... The table tag can specify some things about the table format, as

Links and Images A link is a hypertext link to another file, to a position in a page, or can also provide an address: Liguo Yu Inserting an image in the page: The image above is in the same directory as the page. It can be an image from an external location.

Recall File Permissions Owner, group, others Read, write, execute test.cpp Suppose I have a file test.cpp in my home directory. Can you copy it to your home directory? test.cpp This depends on the permission of test.cpp index.html Suppose I have a file index.html in my public_html directory. Can you see it using a web browser? This depends on the permission of file and folders

File Permissions for Web Pages Files should be readable for everyone: chmod 644 file_name Folders (include home directory) should be executable for everyone: chmod 711 folder_name