Introduction to HTML Section A – Programming, HTML

Slides:



Advertisements
Similar presentations
Computing – Weekly Review By Callum Innes HTML WWW WYSIWYG URL Hyperlink.
Advertisements

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
4.01 How Web Pages Work.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
The Internet and the WWW What’s the difference between the Internet and the World Wide Web (WWW)? Or are they the same thing? The Internet and the WWW.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
1 Introduction to JavaScript Programming, HTML, and JavaScript.
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.
Tutorial 1: Introduction to JavaScript JavaScript - Introductory.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
HTML Structure & syntax
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
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 World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
JavaScript Tutorial 1 - Introduction to JavaScript WDMD 170 – UW Stevens Point 1 WDMD 170 Internet Languages eLesson: Introduction to JavaScript (NON.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
Introduction to the Internet and HTML. Objectives Students develop an understanding of the origins of the internet Students will be able to identify the.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
JavaScript Tutorial 1 - Introduction to JavaScript1 Tutorial 1 Introduction to JavaScript Section A – Programming, HTML, and JavaScript.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
Web Based Systems for Engineering and Management Professors Iris D. Tommelein and Arpad Horvath Fall 2000.
The Teacher Computing HTML HyperText Markup Language.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
01 - Introduction Informatics Department Parahyangan Catholic University.
HTML – The Basics COE 201- Computer Proficiency. The Internet The World Wide Web ▫Also known as the Web ▫Created in 1989  European Laboratory for Particle.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to the World Wide Web & Internet CIS 101.
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.
World Wide Web. The World Wide Web is a system of interlinked hypertext documents accessed via the Internet The World Wide Web is a system of interlinked.
HTML Structure & syntax
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Chapter 1 Introduction to HTML
Introducing XHTML: Module A: Web Design Basics
Introducing XHTML: Module A: Web Design Basics
Chapter 1 Introduction to HTML.
Introduction To Web Design
WEB PAGES: CREATING AND MAINTAINING **
Sec (4.3) The World Wide Web.
Project 1 Introduction to HTML.
HTML (Hyper Text Markup Language) HTTP (Hyper Text Transfer Protocol)
CASE STUDY -HTML,URLs,HTTP
INTRODUCTION TO HTML5.
Understanding the internet
Internet.
Introducing HTML & XHTML:
ACT102 Introduction to web design
Web Design & Development
CS134 Web Design & Development
Introduction to the Internet and Web
ACT102 Introduction to web design
Overview of HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to Web Application Design
Document Structure & HTML
Introduction to World Wide Web
WEB & HTML Background Info.
HyperText Markup Language
Intro Project Introduction to HTML.
HTML Structure & syntax
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

Introduction to HTML Section A – Programming, HTML

Programming and HTML The World Wide Web Created in 1989 Purpose European Laboratory for Particle Physics (Geneva Switzerland) Purpose Provide an easy way to access cross-referenced documents that exist on the internet

Programming and HTML The World Wide Web Hypertext links Contain reference to locate and open specific documents Hypertext Markup Language (HTML) Language used to design web pages (documents) Web Browser Program that displays HTML documents

Programming and HTML The World Wide Web Uniform Resource Locator (URL) A type of Uniform Resource Identifier (URI) Identifies names and addresses on the WWW A unique identifier for a web document e.g., a telephone number or mailing address

Programming and HTML The World Wide Web Uniform Resource Locator (URL) Consists of 4 parts: Protocol  Hyper Text Transfer Protocol (HTTP) Domain Name  or Internet Protocol (IP) address Directory Filename Specific document filename index.(s)htm(l) or default.(s)htm(l)

Programming and HTML Hypertext Markup Language HTML Document Text document that contains: Tags  formatting instructions Text to be displayed

Programming and HTML Hypertext Markup Language HTML Document Tags Enclosed in brackets <tag> Generally consist of: Opening tags <tag> Closing tags </tag> Text contained between the opening and closing tags are formatted according to tag instructions

Programming and HTML Hypertext Markup Language HTML Document Tags All HTML documents begin with <html> tag and end with </html> HTML is not case sensitive

Programming and HTML Hypertext Markup Language HTML Document Tag Attributes Used to configure tags Placed before closing bracket of opening tag <tag attribute=“value”>some text</tag>

Programming and HTML Hypertext Markup Language HTML Document Web browser only acknowledges text and valid tags Web browser ignores non-printing characters Spaces, tabs, carriage returns Must use valid tags or special character codes to accomplish this: Non-breaking space   

Programming and HTML Creating an HTML Document Text editor (text) Notepad, WordPad Word Processor (that can create text files) Word HTML Editor (WYSIWYG) FrontPage, PageMill HTML Converters (WYSIWYG) Word, PowerPoint