Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.

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

DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
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 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Creating a Simple Page: HTML Overview
Creating a Basic Web Page
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
Web Design 3080 – Week 2 More Fun With Delicious.com Setting up a ‘network’. 1.Go to Delicious.com and sign up for a personal account 2.Once your account.
Introduction to web development and HTML MGMT 230 LAB.
HTML Basics BCIS 3680 Enterprise Programming. Web Client/Server Architecture 2  Your browser (the client) requests a Web page from a remote computer.
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 ________.
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.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
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.
Module: Software Engineering of Web Applications Chapter 2: Technologies 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.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Copyright © 2013 Pearson Education, Inc. Publishing as Pearson Addison-Wesley What did we learn so far? 1.Computer hardware and software 2.Computer experience.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
Introduction to the World Wide Web & Internet CIS 101.
HTML HyperText Markup Language Victoria E. Kozlek.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Introduction to latest Web Technologies Master Software Solutions Pvt. Ltd.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
4.01 How Web Pages Work.
Web Basics: HTML/CSS/JavaScript What are they?
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Developing Web-Based Applications
Part 3 Creating basic HTML web pages
Introduction to Web Page Design
Part 3 Creating basic HTML web pages
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
CIS 133 mashup Javascript, jQuery and XML
Introduction to Web Application Design
4.01 How Web Pages Work.
WJEC GCSE Computer Science
Presentation transcript:

Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These annotations described what the text should look like when it was typeset. The markup instructions might indicate what words should be bold or italic, or what fonts to use for certain sections. With computer documents, the markup instructions are embedded into the binary files. The rendition of a file is what you see when computer software reads the file and interprets the markup instructions. The markup instructions in the file tell the software how to render the text in the file onto the computer screen.

A word processor, such as Microsoft Word, uses a custom markup language. But you only see only the rendition, not the underlying markup language. For this reason, word processors are sometimes called WYSIWYG Editors (What You See Is What You Get). Word Perfect, an old word processor, had an option where it would show you the nature of the markup it was inserting.

HTML - HyperText Markup Language Unlike with word processors, humans can directly type HTML markup instructions into a plain text file. Here is what some old-school* HTML might look like for the word processor formatting from the previous slide. * font is now controlled with Cascading Style Sheets (CSS) rather than pure HTML. Bryan Moore 1234 Sunset Ave WallaWalla, WA (123) The rendition of an HTML file is called a Web page.

Hiding Directory Listings When a Web browser requests a folder instead of a particular file name, the server may send you a generic listing of all files in the directory. If there is a file named exactly index.html in the directory, then that page will load into the browser instead of a directory listing. The special name default.html also works on some servers.