CS 100 Introduction to Web Page Construction and HTML.

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

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

Creating a Web Page HTML: The Language of the WEB.

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

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.

Introduction to HTML CPS470 Software Engineering Fall 1998.

HTML Lesson 1 TBE 540 Farah Fisher. Prerequisites Before beginning this lesson, the student must be able to… Access web pages and navigate the web Access.

HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.

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

Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

Define html document byusing Example : Title of the document The content of the document......

McGraw-Hill/Irwin © The McGraw-Hill Companies, All Rights Reserved TECHNOLOGY PLUG-IN T10 Creating Web pages Using HTML.

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.

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

HTML H yper T ext M arkup L anguage. HTML HTML is NOT case sensitive However, proper coding etiquette if for all to be in ALL CAPS and for text to be.

Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.

Website Development with Dreamweaver

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

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

CSCI 1101 Intro to Computers

XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.

Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.

HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,

Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.

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

Introduction to HTML 1 Basharat Mahmood, Department of Computer Science, CIIT, Islamabad, Pakistan.

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.

HTML Codes Miss B.

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,

1 Week 1 l HTML l Applets Applets and HTML. 2 Overview l Applets: Java programs designed to run from a document on the Internet l HTML: Hypertext Markup.

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

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

HTML: Hyptertext Markup Language Doman’s Sections.

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.

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.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

CPT 499 Internet Skills for Educators Session Ten Class Notes.

HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )

HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.

CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.

HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.

HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.

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

HTML BASIC IST 210: Organization of Data IST210 1.

HTML World Wide Web Consortium What does HTML stand for? – – –

Introduction to HTML Welcome! In this tutorial, you’ll be introduced to some of the basic concepts of HTML. Some pages include audio. Click the speaker.

Introduction to HTML C151 Multi-User Operating Systems.

Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.

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

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

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

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

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.

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

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.

Q.Nand1 HTML Creating an HTML Document Lesson 2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files.

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

Tutorial 1 – Creating Web Pages With HTML

Presentation transcript:

CS 100 Introduction to Web Page Construction and HTML

What is a Web Page Document? A web page is defined by an HTML document ( H yper T ext M arkup L anguage) Combination of: Plain Text -- displayed on screen in the browser window Markup -- instructions to the browser defining how contents of page should be displayed Markup is defined with tags Special commands that are surrounded by symbols

Tags Most tags are used to turn on, or turn off, specific features of the display example: the tag turns on underlining, and the tag turns it off Some tags don’t have two versions example: the tag is used to insert a line break (a blank line) in the text of a document HTML tag references are easy to find on the web Here’s a good one:

HTML Document Structure Here is a basic outline that can be used for all of your Web Page documents: Title of Browser Window ….. Bunch of stuff that defines content of the web page

Head and Body Sections of an HTML document section contains the definition the text that appears in the title bar of the browser window, defining the contents of the web page section contains the stuff that appears in the browser window – the actual web page information, images, links, etc.

A Specific Example Consider this HTML document: A Sample Web Page A Simple Web Page This is a very simple example of a web page What do you think? That’s all folks! Click here to see the results:

Types of Tags There are several categories of tags: Text formatting and appearance bold, underline, italic, superscript, subscript, color, font, size, centered, left-aligned, right-aligned Heading start/end 6 levels available List definition unordered or ordered automatically bulleted or numbered/lettered! Links to other web pages Embed an Image in the page Lots more ……. a list is available at:

CS 100 Introduction to Web Page Construction and HTML Lecture 7 Mount Union College