Lecture 2: Getting Started with HTML5 – Part 1 PDF

Document Details

AstoundingAsteroid

Uploaded by AstoundingAsteroid

Thompson Rivers University

2024

Dr. Isheeta Nargis

Tags

html html5 web development computing science

Summary

This lecture covers the fundamentals of HTML5, including the history of the web and the structure of an HTML document. The notes also explore web pages, web servers, and various tools for writing and modifying HTML5 documents. A basic understanding of web technology is provided using web concepts and terminology.

Full Transcript

Lecture 2 XP Getting Started with HTML5 – Part 1 Dr. Isheeta Nargis Department of Computing Science Thompson Rivers University Monday, September 9, 2024 1 ...

Lecture 2 XP Getting Started with HTML5 – Part 1 Dr. Isheeta Nargis Department of Computing Science Thompson Rivers University Monday, September 9, 2024 1 XP Objectives Explore the history of the web Create the structure of an HTML document 2 The Structure of an HTML5 XP Document 3 Exploring the World Wide Web XP A network is a structure in which information and services are shared among devices A host or a node can be any device that is capable of sending and/or receiving data electronically A server is a host that provides information or a service to other devices on the network 4 Exploring the World Wide Web XP A computer or other device that receives a service is called a client In a client-server network, clients access information provided by one or more users 5 Different Types of Network XP Local Area Network (LAN) - A network confined to a small geographic area, such as within a building or department Wide Area Network (WAN) – A network that covers a wide area, such as several buildings or cities The largest WAN in existence is the Internet 6 History of World Wide Web and XP HTML Timothy Berners-Lee and other researchers at the CERN nuclear research facility near Geneva, Switzerland laid the foundations for the World Wide Web, or the Web, in 1989 They developed a system of interconnected hypertext documents that allowed their users to easily navigate from one topic to another 7 History of World Wide Web and XP HTML Hypertext is a method of organization in which data sources are interconnected through a series of links or hyperlinks that users can activate to jump from one piece of information to another 8 Web Pages and Web Servers XP Each document on the web is referred to as a web page Web pages are stored on web servers Documents on the web are accessed through a software program called a web browser To view a web page, the client runs a web browser 9 Introducing HTML XP A Web page is a text file written in HTML (Hypertext Markup Language) A markup language describes the content and structure of a document by identifying, or tagging, different document elements 10 The History of HTML XP In the early years of HTML, browser developers were free to define and modify the language as no rules or syntax were defined The World Wide Web Consortium, or the W3C, created a set of standards or specifications for all browser manufacturers to follow 11 The History of HTML XP The W3C has no enforcement power The recommendations of the W3C are usually followed since a uniform approach to Web page creation is beneficial to everyone 12 The History of HTML XP XHTML (Extensible Hypertext Markup Language) is a different version of HTML enforced with a stricter set of standards HTML5 was developed as the de facto standard for the next generation of HTML Older features of HTML are often deprecated, or phased out; you may need to use them if you are supporting older browsers 13 The History of HTML XP 14 Tools for Working with HTML XP Basic text editor such as Windows Notepad Other HTML editors such as Notepad++, UltraEdit, CoffeeCup, BBEdit, and ConTEXT 15 Tools for Working with HTML XP IDE (Integrated Development Environment) - A software package that provides comprehensive coverage of all phases of the development process from writing HTML code to creating scripts for programs running on web servers Validators are programs that test code to ensure that it contains no syntax errors 16

Use Quizgecko on...
Browser
Browser