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.

Slides:



Advertisements
Similar presentations
Math Introduction to HTML Gavin Shaddick
Advertisements

Getting Familiar with Web Pages 1 2 The Internet Worldwide collection of interconnected computer networks that enables businesses, organizations, governments,
Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
MA10126 Introduction to HTML Gavin Shaddick
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
What Is A Web Page? An Introduction to the Internet.
The Internet & The World Wide Web Notes
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
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.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
Internet Concept and Terminology. The Internet The Internet is the largest computer system in the world. The Internet is often called the Net, the Information.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
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.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Hypertext Mark-Up Language Web Page Creation HTML.
Creating Webpage Using HTML
HTML Codes Miss B.
Introduction to web development and HTML MGMT 230 LAB.
Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.
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.
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.
Lesson One Quick HTML Know-How Pages 3 to 30. Objectives for Today! For Today:  Discover HTML tags  Enter starting tags  Learn to save  Create a page!
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
HTML Links HTML uses a hyperlink to another document on the Web.
The Internet and World Wide Web Sullivan University Library.
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
HTML HyperText Markup Language Victoria E. Kozlek.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
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)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
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.
Basic concepts of web design
4.01 How Web Pages Work.
Online PD Basic HTML The Magic Of Web Pages
Web Basics: HTML/CSS/JavaScript What are they?
4.01 How Web Pages Work.
WEB PAGES: CREATING AND MAINTAINING **
Basic HTML PowerPoint How Hyper Text Markup Language Works
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML 12/27/2018.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HyperText Markup Language
4.01 How Web Pages Work.
An Introduction to the Internet
Presentation transcript:

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 about browsers, and in order to understand browsers, you really need to know a little about how the web works.

Let's Start At The Beginning... The World Wide Web is a huge collection of computers which are linked together in a network. Data, or information, is stored on every computer on the internet, and takes many forms. Spreadsheets are a form of data, as are Word documents, images, sound bites, and web pages.

Web pages are encoded… Web pages are encoded. The encoding process isn't difficult, and is usually done by hand. The way pages are encoded is with a MARK- UP language we call HTML. Remember that web pages are usually used as a means of conveying data, or information. The data is your message. This is the meat of the HTML document. Text and content are most important.

What happens next? Once you have created a web page, you store it on a certain type of computer called a web server. Web servers are computers which are attached to the Internet, and do basically two things. A web server stores information documents and sends those documents to any other computer which requests them.

What's Really Going on? You attach to the Internet with a special type of computer program known as a browser. The first thing the browser wants to know is where to go. You type in an URL or uniform resource locator. –An URL is an address. This address tells the browser exactly where to find the page you're looking for.

Cue The Browser The browser takes all that raw data, and translates it. Then displays it on your screen. what the browser sees is raw data, which might look like this: But what you see is the browsers interpretation of that data.

Hypertext Markup Language A webpage is simply a text file ending with the suffix.html or.htm. It is created using MS NOTEPAD. This text file is often referred to as the "source code" of a webpage.

<> It's All In The Angles HTML tags are easy to recognize because they are always between a lesser than sign and greater than sign, or as I like to call them, Angle Brackets.

Parts Is Parts Every web page written in HTML has essentially two parts: The Head The Body Now, having told you that, let me tell you about one more tag before going on. The HTML tag tells your computer that everything between these two tags is an HTML document. You'll always begin your page with the opening HTML tag and end it with the closing HTML tag.

The Skeleton Here is the HTML for a VERY simple webpage. THE COOLEST PAGE ON THE WEB Whoa!!! This is so TOTALLY cool. See how these tags fit into each other? And how all the text is between the BODY tags?