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.

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

HTML Basics Customizing your site using the basics of HTML.

HTML. The World Wide Web Protocols Addresses HTML.

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

INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.

HTML & XHTML Web Publishing. What is HTML? HTML- Hypertext Markup Language ▫Start with text on your page & add special tags ▫These specific tags produce.

OFFERED BY INSTRUCTIONAL COMPUTING AT THE UNIVERSITY OF MISSOURI – ST.LOUIS.

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 Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.

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.

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,

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.

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

Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.

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

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.

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.

Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.

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.

Lecture # 3 HTML and Arrays. Today Questions: From notes/reading/life? From Lab # 2 – Preview of Lab # 2 1.Introduce: How do you make a Web Page?: HTML.

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

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.

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 CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

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.

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.

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. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.

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.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

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

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Informatics Computer School CS114 Web Publishing HTML Lesson 1.

The Teacher Computing HTML HyperText Markup Language.

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 Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Web programming Part 1: HTML 由 NordriDesign 提供

Introduction to HTML C151 Multi-User Operating Systems.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

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

HTML HyperText Markup Language Victoria E. Kozlek.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

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

Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

Computer Basics Introduction CIS 109 Columbia College.

Basic Web Design UVI CELL Dave Gilliss Dave Gilliss

Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.

Online PD Basic HTML The Magic Of Web Pages

Introduction to HTML.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Uppingham Community College

Creating a Home Page in HTML

HTML HYPERTEXT MARKUP LANGUAGE.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

WJEC GCSE Computer Science

Presentation transcript:

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 for changing text files HTML is a text file that is written in a special language for talking to web browsers

NotePad - a simple text editor Menu path to find NotePad Menus are trees too! –Start->Programs->Accessories->NotePad

HTML in NotePad and are called tags –Anything inside of in HTML is a tag –Tags are instructions about the text for the browser

Publishing Web Pages NotePad my first web page Web Browser Computer Disk Web Server Internet

Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page

Special Problems with NotePad Wants to store files as myPage.txt not myPage.html

Special Problems with NotePad Wants to store files as myPage.txt not myPage.html

Special Problems with NotePad

Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page

Publishing Web pages NotePad my first web page Web Browser myPage.html Web Server Internet Save my first web page GET my first web page

Web pages on one computer NotePad my first web page Web Browser myPage.html Save my first web page myPage.html my first web page Open Page

NotePad / Web Browser Demo

Bold text NotePad my first web page Web Browser myPage.html Save my first web page myPage.html Open Page my first web page

Bold Demo

Why didn’t bold appear? NotePad my first web page Web Browser myPage.html Save my first web page myPage.html Open Page my first web page

Do Save NotePad my first web page Web Browser myPage.html Save myPage.html Open Page my first web page my first web page

Save Demo

It Still Didn’t Appear NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Open Page

Reload NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Reload

Multiple Lines NotePad my first web page Web Browser myPage.html Save myPage.html my first web page my first web page Reload

Multiple Lines Demo Web browsers arrange lines according to the width of the window, not the lines in the HTML file

Other formatting tags make a new paragraph italic unordered list – list item

paragraph

italic

lists

- adding images – –If the image file is in the same folder as the html file – Demo

- anchor Used to create hyperlinks text for the link –Linked file must be in the same folder Demo

Hyperlink Example

Image Hyperlink Example

Review HTML is just text with special tags link text

Publishing Web pages NotePad my first web page Netscape myPage.html Web Server Internet Save my first web page

Web pages on one computer NotePad my first web page Netscape myPage.html Save my first web page myPage.html my first web page Open Page / Reload