The document provides an introduction to web development basics and HTML. It discusses what happens in a web request, including how the browser renders pages from the response. It also covers dissecting a URL and the components that make it up. Finally, it examines HTML in more detail, including an overview of its structure using tags, attributes that provide information and allow styling, and how whitespace is handled.
1. The document discusses creating a RESTful API for a URL shortening service.
2. It covers REST concepts like using HTTP verbs for CRUD operations, returning different status codes for success and errors, and supporting multiple output formats like JSON, XML, and JSONP.
3. The document also discusses authentication, error handling, caching, and documentation best practices for REST APIs.
I've been building APIs for a long time now and it is becoming ever more common for server-side developer thanks to the rise of front-end JavaScript frameworks, iPhone applications and generally API-centric architectures. On one hand you're just grabbing stuff from a data source and shoving it out as JSON, but surviving changes in business logic, database schema updates, new or deprecated etc gets super difficult.
This talk will outline the common pitfalls developers get trapped in when building APIs and outline methods to avoid them, including naming stuff badly then having to rename everything, when and how to use POST/PUT/PATCH, data structures, DDoSing yourself because pagination, picking your authentication system and all sorts of other stuff.
This document discusses various API design patterns and best practices. It covers topics such as endpoint naming conventions, HTTP status codes, authentication strategies, testing, versioning, and more. The overall message is that APIs should be well-architected, consistent, flexible and fully tested to provide the best experience for developers.
The document provides instructions for implementing podcasting in the classroom using different tools and methods:
1. It describes the basic components and process of podcasting including recording an audio session, converting it to MP3 format, and uploading it to a hosting website.
2. Steps are outlined for recording podcasts using software like Audacity or a digital voice recorder and then converting the files to MP3 format.
3. Several free hosting websites are recommended and instructions are given for setting up an account and uploading podcasts to those sites from a computer or phone.
This presentation tells you all you need to know about podcasting. It will show you how to find and subscribe to podcast. It will point you to student generated podcast as examples. And finally i will step you through how to create your own podcast.
This document provides resources for adding multimedia content such as audio, video, and images to lessons created with Hot Potatoes, a suite of applications for making interactive exercises. It lists several websites that teachers can use to find texts, audio and video at different levels for English language learners. Step-by-step instructions are given for creating sample Hot Potatoes activities that incorporate multimedia.
1. The document discusses creating a RESTful API for a URL shortening service.
2. It covers REST concepts like using HTTP verbs for CRUD operations, returning different status codes for success and errors, and supporting multiple output formats like JSON, XML, and JSONP.
3. The document also discusses authentication, error handling, caching, and documentation best practices for REST APIs.
I've been building APIs for a long time now and it is becoming ever more common for server-side developer thanks to the rise of front-end JavaScript frameworks, iPhone applications and generally API-centric architectures. On one hand you're just grabbing stuff from a data source and shoving it out as JSON, but surviving changes in business logic, database schema updates, new or deprecated etc gets super difficult.
This talk will outline the common pitfalls developers get trapped in when building APIs and outline methods to avoid them, including naming stuff badly then having to rename everything, when and how to use POST/PUT/PATCH, data structures, DDoSing yourself because pagination, picking your authentication system and all sorts of other stuff.
This document discusses various API design patterns and best practices. It covers topics such as endpoint naming conventions, HTTP status codes, authentication strategies, testing, versioning, and more. The overall message is that APIs should be well-architected, consistent, flexible and fully tested to provide the best experience for developers.
The document provides instructions for implementing podcasting in the classroom using different tools and methods:
1. It describes the basic components and process of podcasting including recording an audio session, converting it to MP3 format, and uploading it to a hosting website.
2. Steps are outlined for recording podcasts using software like Audacity or a digital voice recorder and then converting the files to MP3 format.
3. Several free hosting websites are recommended and instructions are given for setting up an account and uploading podcasts to those sites from a computer or phone.
This presentation tells you all you need to know about podcasting. It will show you how to find and subscribe to podcast. It will point you to student generated podcast as examples. And finally i will step you through how to create your own podcast.
This document provides resources for adding multimedia content such as audio, video, and images to lessons created with Hot Potatoes, a suite of applications for making interactive exercises. It lists several websites that teachers can use to find texts, audio and video at different levels for English language learners. Step-by-step instructions are given for creating sample Hot Potatoes activities that incorporate multimedia.
El documento describe los beneficios del e-marketing para una empresa inmobiliaria en México llamada Casa-fácil. El e-marketing les permite darse a conocer de manera sencilla y práctica, ampliar su mercado más allá de su región, y es una forma barata y fácil de publicidad. Gracias al marketing en internet, la empresa ha logrado mejoras al permitir que los clientes se informen fácilmente desde la distancia sobre viviendas disponibles.
The document provides an introduction to basic HTML structure and tags. It demonstrates how HTML uses tags like <h1> for main headings, <p> for paragraphs, and <ul>/<li> for unordered lists. It shows the basic structure of an HTML document with <head>, <body>, and <html> sections. It also highlights some gotchas like using <b> and <i> tags instead of semantic tags, and properly nesting inline elements like <a> within block elements.
The document discusses the concept of boxes in web page design using CSS. It explains that all HTML elements are boxes by default that can be styled with properties like width, height, padding, margin, and borders. It also introduces terminology like padding, margin, and the relationship between element width, padding, borders, and the total occupied space. The document provides examples of how to style boxes and notes the importance of consistency and grids for page layout. It discusses the concept of inheritance in CSS and how more specific rules override general ones.
The document outlines the plot, characters, and structure of a horror film called "The Walk". It discusses the title, genre, locations, characters, and provides a 1 paragraph summary for each act. The film is about a serial killer stalking and killing victims. Act 1 introduces the killer stalking a victim. Act 2 shows the killer brutally murdering the victim in the woods. Act 3 reveals the victim dead after the murder. The document establishes the key details to summarize the plot of the horror film.
Esta ley establece normas para proteger el medio ambiente y la salud humana relacionadas con el control de descargas de residuos y materiales que afectan las condiciones sanitarias. Se regulan aspectos como el control sanitario de usos del agua, vertimiento de residuos líquidos y sólidos, emisiones atmosféricas, y disposición de excretas. El Ministerio de Salud de Colombia es la entidad facultada para establecer normas y exigir su cumplimiento en estas materias.
InDesign es una aplicación de maquetación y diseño gráfico desarrollada por Adobe como alternativa a Quark XPress, que había dominado el mercado durante más de una década. Adobe presentó InDesign en 1999 tras absorber a Aldus y su proyecto Shuksan/K2 con el objetivo de ofrecer una solución integral de diseño que incluyera una aplicación de composición de páginas. Aunque las primeras versiones tuvieron dificultades para ganar usuarios, para 2002 InDesign había superado a Quark XPress en control tipográfico,
HTML (Hypertext Markup Language) is the standard markup language used to create web pages and web applications. It uses tags to structure and present content on the web, allowing text to be styled, images to be included, and other elements like lists, tables, and forms to be added to pages. Key HTML tags include headings, paragraphs, links, images, lists, tables, and divs for organizing and laying out content.
Digital Library Federation, Fall 07, Connotea PresentationIan Mulvany
The document provides information about Connotea, a social bookmarking site focused on academic bookmarking and citations. It discusses features of Connotea like private groups, importing/exporting for writing, and citation data. It also includes URLs and usage statistics for Connotea, as well as potential future developments like better tagging, recommendations, and integrating with bibliographies.
Segments of URL and Search Engine Optimization (SEO)Abdul Rehman
This Video is About URL and its Segments.
Further More it describes that How a Browser Works. More than that, Basics of SEO is Described and This presentation gives us the major Factors in Web Development to Increase SEO of the website.
Given at TrueNorthPHP 2014:
"MVC presents a great way to divide responsibilities in your application but it offers no help in building the most critical part: the model or domain. This talk will introduce ways that can help you to encapsulate the richness of your domain. We'll look at Action Domain Response as a new way of thinking about the concepts presented in MVC before examining Hexagonal Architecture, allowing you to easily reuse your domain across multiple delivery mechanisms. We'll then finish with an introduction to Domain Driven Design, a technique that allows you to closely align your domain with the business problems it is solving while helping keep things well designed and easily maintainable. By the end of this talk you should have the knowledge needed to begin modelling your domains more powerfully while keeping them aligned to the real world problems they solve."
- CORS (Cross-Origin Resource Sharing) allows resources on a web page to be requested from another domain outside the domain from which the first resource was served.
- CORS uses additional HTTP headers to tell browsers to give a web application running at one origin access to selected resources from a different origin.
- Developer mistakes can lead to security vulnerabilities like cross-site request forgery if CORS is not implemented correctly, such as specifying '*' for allowed origins, failing to validate origins, or not handling credentials properly.
Exploiter le Web Semantic, le comprendre et y contribuerMathieu d'Aquin
The document discusses using Watson, a gateway to the Semantic Web, to both develop applications that exploit online semantic resources and to better understand the Semantic Web. It describes how Watson allows applications to dynamically retrieve and combine relevant ontologies and data. It also explains how Watson has been used as a research platform to characterize ontologies in its collection, understand relations between ontologies, and measure agreement between statements and ontologies.
How to connect social media with open standardsGlenn Jones
Glenn Jones discusses how to connect social media with open standards by:
1) Adding microformats and RSS/Atom to sites to standardize formats
2) Designing URL structures to be RESTful
3) Adding OAuth authentication to password-protected content for access control
4) Considering discovery standards like XRD to expose APIs and services
The talk outlines how chaining these open standards together provides more value than individual parts alone.
The document discusses technical SEO best practices for signaling including using consistent URLs across pages and properties, implementing HTTP status codes properly, and using rel attributes like canonical and hreflang. It emphasizes pointing all signals to a single URL and using status codes properly. The document also thanks various mentors and contributors and lists icon credits.
Topics covered in the webinar:
- IPv6 segment routing
- synchronizing DNS parent and child zones using the DNS protocol
- Status update on Knot-DNS 2.0 DNS Server and the Knot-DNS resolver
- DNSSEC look-aside validation (DLV) sunset
- network tuning for DNS zone transfers
- Use cases for IPv6 extension headers
- Zonemaster DNS and DNSSEC testing tool
- DNS based DDoS attacks
The document breaks down the anatomy of a URL into its component parts:
- The subdomain comes before the main domain name. Common subdomains include "www".
- The domain name is the main identifying part and comes between the subdomain and top-level domain.
- The top-level domain (TLD) comes at the end of a domain name and includes popular TLDs like .com, .org, .edu.
Together the subdomain, domain name and TLD make up the full domain name, which identifies a specific website.
The Django Web Application Framework is a Python-based web framework that provides tools and features for building web applications quickly and easily. It includes components for HTTP handling, URL routing, templating, database access, forms, internationalization, and an optional administrative interface. Django emphasizes clean and pragmatic design with philosophy of "batteries included but removable".
The document provides examples of code snippets and markup for various web technologies including HTTP requests and responses, HTML, CSS, JavaScript, and more. Multiple examples are given for each technology to demonstrate different aspects of syntax, tags, events, and more. Overall the document serves as a reference of short code examples for the core components that make up websites and web applications.
This is the presentation from Null/OWASP/g4h December Bangalore MeetUp by Akash Mahajan.
technology.inmobi.com/events/null-owasp-g4h-december-meetup
Abstract:
This will cover the basics of Hyper Text Transfer Protocol. You will learn how to send HTTP requests like GET, POST by crafting them manually and using a command line tool like CURL. You will also see how session management using cookies happens using the same tools.
To practice along please install curl (http://curl.haxx.se/download.html).
El documento describe los beneficios del e-marketing para una empresa inmobiliaria en México llamada Casa-fácil. El e-marketing les permite darse a conocer de manera sencilla y práctica, ampliar su mercado más allá de su región, y es una forma barata y fácil de publicidad. Gracias al marketing en internet, la empresa ha logrado mejoras al permitir que los clientes se informen fácilmente desde la distancia sobre viviendas disponibles.
The document provides an introduction to basic HTML structure and tags. It demonstrates how HTML uses tags like <h1> for main headings, <p> for paragraphs, and <ul>/<li> for unordered lists. It shows the basic structure of an HTML document with <head>, <body>, and <html> sections. It also highlights some gotchas like using <b> and <i> tags instead of semantic tags, and properly nesting inline elements like <a> within block elements.
The document discusses the concept of boxes in web page design using CSS. It explains that all HTML elements are boxes by default that can be styled with properties like width, height, padding, margin, and borders. It also introduces terminology like padding, margin, and the relationship between element width, padding, borders, and the total occupied space. The document provides examples of how to style boxes and notes the importance of consistency and grids for page layout. It discusses the concept of inheritance in CSS and how more specific rules override general ones.
The document outlines the plot, characters, and structure of a horror film called "The Walk". It discusses the title, genre, locations, characters, and provides a 1 paragraph summary for each act. The film is about a serial killer stalking and killing victims. Act 1 introduces the killer stalking a victim. Act 2 shows the killer brutally murdering the victim in the woods. Act 3 reveals the victim dead after the murder. The document establishes the key details to summarize the plot of the horror film.
Esta ley establece normas para proteger el medio ambiente y la salud humana relacionadas con el control de descargas de residuos y materiales que afectan las condiciones sanitarias. Se regulan aspectos como el control sanitario de usos del agua, vertimiento de residuos líquidos y sólidos, emisiones atmosféricas, y disposición de excretas. El Ministerio de Salud de Colombia es la entidad facultada para establecer normas y exigir su cumplimiento en estas materias.
InDesign es una aplicación de maquetación y diseño gráfico desarrollada por Adobe como alternativa a Quark XPress, que había dominado el mercado durante más de una década. Adobe presentó InDesign en 1999 tras absorber a Aldus y su proyecto Shuksan/K2 con el objetivo de ofrecer una solución integral de diseño que incluyera una aplicación de composición de páginas. Aunque las primeras versiones tuvieron dificultades para ganar usuarios, para 2002 InDesign había superado a Quark XPress en control tipográfico,
HTML (Hypertext Markup Language) is the standard markup language used to create web pages and web applications. It uses tags to structure and present content on the web, allowing text to be styled, images to be included, and other elements like lists, tables, and forms to be added to pages. Key HTML tags include headings, paragraphs, links, images, lists, tables, and divs for organizing and laying out content.
Digital Library Federation, Fall 07, Connotea PresentationIan Mulvany
The document provides information about Connotea, a social bookmarking site focused on academic bookmarking and citations. It discusses features of Connotea like private groups, importing/exporting for writing, and citation data. It also includes URLs and usage statistics for Connotea, as well as potential future developments like better tagging, recommendations, and integrating with bibliographies.
Segments of URL and Search Engine Optimization (SEO)Abdul Rehman
This Video is About URL and its Segments.
Further More it describes that How a Browser Works. More than that, Basics of SEO is Described and This presentation gives us the major Factors in Web Development to Increase SEO of the website.
Given at TrueNorthPHP 2014:
"MVC presents a great way to divide responsibilities in your application but it offers no help in building the most critical part: the model or domain. This talk will introduce ways that can help you to encapsulate the richness of your domain. We'll look at Action Domain Response as a new way of thinking about the concepts presented in MVC before examining Hexagonal Architecture, allowing you to easily reuse your domain across multiple delivery mechanisms. We'll then finish with an introduction to Domain Driven Design, a technique that allows you to closely align your domain with the business problems it is solving while helping keep things well designed and easily maintainable. By the end of this talk you should have the knowledge needed to begin modelling your domains more powerfully while keeping them aligned to the real world problems they solve."
- CORS (Cross-Origin Resource Sharing) allows resources on a web page to be requested from another domain outside the domain from which the first resource was served.
- CORS uses additional HTTP headers to tell browsers to give a web application running at one origin access to selected resources from a different origin.
- Developer mistakes can lead to security vulnerabilities like cross-site request forgery if CORS is not implemented correctly, such as specifying '*' for allowed origins, failing to validate origins, or not handling credentials properly.
Exploiter le Web Semantic, le comprendre et y contribuerMathieu d'Aquin
The document discusses using Watson, a gateway to the Semantic Web, to both develop applications that exploit online semantic resources and to better understand the Semantic Web. It describes how Watson allows applications to dynamically retrieve and combine relevant ontologies and data. It also explains how Watson has been used as a research platform to characterize ontologies in its collection, understand relations between ontologies, and measure agreement between statements and ontologies.
How to connect social media with open standardsGlenn Jones
Glenn Jones discusses how to connect social media with open standards by:
1) Adding microformats and RSS/Atom to sites to standardize formats
2) Designing URL structures to be RESTful
3) Adding OAuth authentication to password-protected content for access control
4) Considering discovery standards like XRD to expose APIs and services
The talk outlines how chaining these open standards together provides more value than individual parts alone.
The document discusses technical SEO best practices for signaling including using consistent URLs across pages and properties, implementing HTTP status codes properly, and using rel attributes like canonical and hreflang. It emphasizes pointing all signals to a single URL and using status codes properly. The document also thanks various mentors and contributors and lists icon credits.
Topics covered in the webinar:
- IPv6 segment routing
- synchronizing DNS parent and child zones using the DNS protocol
- Status update on Knot-DNS 2.0 DNS Server and the Knot-DNS resolver
- DNSSEC look-aside validation (DLV) sunset
- network tuning for DNS zone transfers
- Use cases for IPv6 extension headers
- Zonemaster DNS and DNSSEC testing tool
- DNS based DDoS attacks
The document breaks down the anatomy of a URL into its component parts:
- The subdomain comes before the main domain name. Common subdomains include "www".
- The domain name is the main identifying part and comes between the subdomain and top-level domain.
- The top-level domain (TLD) comes at the end of a domain name and includes popular TLDs like .com, .org, .edu.
Together the subdomain, domain name and TLD make up the full domain name, which identifies a specific website.
The Django Web Application Framework is a Python-based web framework that provides tools and features for building web applications quickly and easily. It includes components for HTTP handling, URL routing, templating, database access, forms, internationalization, and an optional administrative interface. Django emphasizes clean and pragmatic design with philosophy of "batteries included but removable".
The document provides examples of code snippets and markup for various web technologies including HTTP requests and responses, HTML, CSS, JavaScript, and more. Multiple examples are given for each technology to demonstrate different aspects of syntax, tags, events, and more. Overall the document serves as a reference of short code examples for the core components that make up websites and web applications.
This is the presentation from Null/OWASP/g4h December Bangalore MeetUp by Akash Mahajan.
technology.inmobi.com/events/null-owasp-g4h-december-meetup
Abstract:
This will cover the basics of Hyper Text Transfer Protocol. You will learn how to send HTTP requests like GET, POST by crafting them manually and using a command line tool like CURL. You will also see how session management using cookies happens using the same tools.
To practice along please install curl (http://curl.haxx.se/download.html).
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxEduSkills OECD
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.pptHenry Hollis
The History of NZ 1870-1900.
Making of a Nation.
From the NZ Wars to Liberals,
Richard Seddon, George Grey,
Social Laboratory, New Zealand,
Confiscations, Kotahitanga, Kingitanga, Parliament, Suffrage, Repudiation, Economic Change, Agriculture, Gold Mining, Timber, Flax, Sheep, Dairying,
How Barcodes Can Be Leveraged Within Odoo 17Celine George
In this presentation, we will explore how barcodes can be leveraged within Odoo 17 to streamline our manufacturing processes. We will cover the configuration steps, how to utilize barcodes in different manufacturing scenarios, and the overall benefits of implementing this technology.
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...indexPub
The recent surge in pro-Palestine student activism has prompted significant responses from universities, ranging from negotiations and divestment commitments to increased transparency about investments in companies supporting the war on Gaza. This activism has led to the cessation of student encampments but also highlighted the substantial sacrifices made by students, including academic disruptions and personal risks. The primary drivers of these protests are poor university administration, lack of transparency, and inadequate communication between officials and students. This study examines the profound emotional, psychological, and professional impacts on students engaged in pro-Palestine protests, focusing on Generation Z's (Gen-Z) activism dynamics. This paper explores the significant sacrifices made by these students and even the professors supporting the pro-Palestine movement, with a focus on recent global movements. Through an in-depth analysis of printed and electronic media, the study examines the impacts of these sacrifices on the academic and personal lives of those involved. The paper highlights examples from various universities, demonstrating student activism's long-term and short-term effects, including disciplinary actions, social backlash, and career implications. The researchers also explore the broader implications of student sacrifices. The findings reveal that these sacrifices are driven by a profound commitment to justice and human rights, and are influenced by the increasing availability of information, peer interactions, and personal convictions. The study also discusses the broader implications of this activism, comparing it to historical precedents and assessing its potential to influence policy and public opinion. The emotional and psychological toll on student activists is significant, but their sense of purpose and community support mitigates some of these challenges. However, the researchers call for acknowledging the broader Impact of these sacrifices on the future global movement of FreePalestine.
Andreas Schleicher presents PISA 2022 Volume III - Creative Thinking - 18 Jun...EduSkills OECD
Andreas Schleicher, Director of Education and Skills at the OECD presents at the launch of PISA 2022 Volume III - Creative Minds, Creative Schools on 18 June 2024.
9. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
10. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! !
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES)
PAGE
QUERY STRING
HASH TAG
11. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES)
PAGE
QUERY STRING
HASH TAG
12. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
example.com
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES)
PAGE
QUERY STRING
HASH TAG
13. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
example.com
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES) /hello
PAGE
QUERY STRING
HASH TAG
14. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
example.com
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES) /hello
PAGE /index.php
QUERY STRING
HASH TAG
15. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
example.com
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES) /hello
PAGE /index.php
QUERY STRING ?course=ics&block=1
HASH TAG
16. h t t p : / / w w w. e x a m p l e . c o m / h e l l o / i n d e x . p h p ? c o u r s e = i c s & b l o c k = 1 # s y l l a b u s
DISSECTING THE URL
UNIFORM RESOURCE LOCATOR
PROTOCOL!! ! ! http
FULLY-QUALIFIED DOMAIN NAME
DOMAIN NAME
example.com
TOP-LEVEL DOMAIN
SUBDIRECTORY(IES) /hello
PAGE /index.php
QUERY STRING ?course=ics&block=1
HASH TAG #syllabus
20. WEB SERVER RESPONSE
HEADERS
CONTAIN INFORMATION FOR BROWSER USE
CAN SPECIFY CONTENT TYPE, RESPONSE CODE,
INSTRUCTIONS TO REDIRECT, ETC.
21. WEB SERVER RESPONSE
HEADERS
CONTAIN INFORMATION FOR BROWSER USE
CAN SPECIFY CONTENT TYPE, RESPONSE CODE,
INSTRUCTIONS TO REDIRECT, ETC.
CONTENT-TYPE: HTML, IMAGE DATA, VIDEO, AUDIO, PDF,
ETC. THIS TELLS THE BROWSER WHAT TO DO WITH THE
DATA THAT FOLLOWS
22. WEB SERVER RESPONSE
HEADERS
CONTAIN INFORMATION FOR BROWSER USE
CAN SPECIFY CONTENT TYPE, RESPONSE CODE,
INSTRUCTIONS TO REDIRECT, ETC.
CONTENT-TYPE: HTML, IMAGE DATA, VIDEO, AUDIO, PDF,
ETC. THIS TELLS THE BROWSER WHAT TO DO WITH THE
DATA THAT FOLLOWS
CONTENT
23. WEB SERVER RESPONSE
HEADERS
CONTAIN INFORMATION FOR BROWSER USE
CAN SPECIFY CONTENT TYPE, RESPONSE CODE,
INSTRUCTIONS TO REDIRECT, ETC.
CONTENT-TYPE: HTML, IMAGE DATA, VIDEO, AUDIO, PDF,
ETC. THIS TELLS THE BROWSER WHAT TO DO WITH THE
DATA THAT FOLLOWS
CONTENT
IF A WEB PAGE WAS REQUESTED, THE CONTENT IS
HTML!
28. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
29. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
30. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
HTML IS HIERARCHICAL, E.G.
31. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
HTML IS HIERARCHICAL, E.G.
! <div>
32. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
HTML IS HIERARCHICAL, E.G.
! <div>
<h2>Some heading here</h2>
33. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
HTML IS HIERARCHICAL, E.G.
! <div>
<h2>Some heading here</h2>
<p>Some content here</p>
34. HTML OVERVIEW
HYPER TEXT MARKUP LANGUAGE
CONSISTS OF STRUCTURED CONTENT (NO FORMATTING)
TAG-BASED LANGUAGE, E.G.
! <tagname>Some content here</tagname>
HTML IS HIERARCHICAL, E.G.
! <div>
<h2>Some heading here</h2>
<p>Some content here</p>
</div>
37. HTML ATTRIBUTES
ATTRIBUTES APPEAR IN OPENING TAGS AND ARE USED MAINLY
FOR ONE OF TWO PURPOSES:
1. TO PROVIDE REQUIRED INFORMATION TO THE BROWSER, E.G.
38. HTML ATTRIBUTES
ATTRIBUTES APPEAR IN OPENING TAGS AND ARE USED MAINLY
FOR ONE OF TWO PURPOSES:
1. TO PROVIDE REQUIRED INFORMATION TO THE BROWSER, E.G.
! <img src=”images/homer.jpg” alt=”Homer Simpson” />
39. HTML ATTRIBUTES
ATTRIBUTES APPEAR IN OPENING TAGS AND ARE USED MAINLY
FOR ONE OF TWO PURPOSES:
1. TO PROVIDE REQUIRED INFORMATION TO THE BROWSER, E.G.
! <img src=”images/homer.jpg” alt=”Homer Simpson” />
2. TO ALLOW FOR CUSTOM STYLING (FORMATTING) OF HTML
ELEMENTS, E.G.
40. HTML ATTRIBUTES
ATTRIBUTES APPEAR IN OPENING TAGS AND ARE USED MAINLY
FOR ONE OF TWO PURPOSES:
1. TO PROVIDE REQUIRED INFORMATION TO THE BROWSER, E.G.
! <img src=”images/homer.jpg” alt=”Homer Simpson” />
2. TO ALLOW FOR CUSTOM STYLING (FORMATTING) OF HTML
ELEMENTS, E.G.
! <span class=”highlight”>lorem ipsum</span>
41. HTML ATTRIBUTES
ATTRIBUTES APPEAR IN OPENING TAGS AND ARE USED MAINLY
FOR ONE OF TWO PURPOSES:
1. TO PROVIDE REQUIRED INFORMATION TO THE BROWSER, E.G.
! <img src=”images/homer.jpg” alt=”Homer Simpson” />
2. TO ALLOW FOR CUSTOM STYLING (FORMATTING) OF HTML
ELEMENTS, E.G.
! <span class=”highlight”>lorem ipsum</span>
46. WHITE SPACE
BROWSERS IGNORE MULTIPLE CONSECUTIVE WHITE SPACE
CHARACTERS
WHITE SPACE IS COLLAPSED
ONE EXCEPTION IS <pre> ELEMENT (SHORT FOR PRESERVE)
47. WHITE SPACE
BROWSERS IGNORE MULTIPLE CONSECUTIVE WHITE SPACE
CHARACTERS
WHITE SPACE IS COLLAPSED
ONE EXCEPTION IS <pre> ELEMENT (SHORT FOR PRESERVE)
<pre>Render all white space characters</pre>
52. XHTML
EXTENSIBLE HTML
IMPOSES THE STRICTEST AND MOST STRUCTURED
STANDARDS ON TRADITIONAL HTML, E.G.
EVERY OPENING TAG MUST BE CLOSED
53. XHTML
EXTENSIBLE HTML
IMPOSES THE STRICTEST AND MOST STRUCTURED
STANDARDS ON TRADITIONAL HTML, E.G.
EVERY OPENING TAG MUST BE CLOSED
SELF-CLOSING ELEMENTS USED WHERE
NECESSARY
54. XHTML
EXTENSIBLE HTML
IMPOSES THE STRICTEST AND MOST STRUCTURED
STANDARDS ON TRADITIONAL HTML, E.G.
EVERY OPENING TAG MUST BE CLOSED
SELF-CLOSING ELEMENTS USED WHERE
NECESSARY
ATTRIBUTE VALUES ENCLOSED IN QUOTES
55. XHTML
EXTENSIBLE HTML
IMPOSES THE STRICTEST AND MOST STRUCTURED
STANDARDS ON TRADITIONAL HTML, E.G.
EVERY OPENING TAG MUST BE CLOSED
SELF-CLOSING ELEMENTS USED WHERE
NECESSARY
ATTRIBUTE VALUES ENCLOSED IN QUOTES
TAG NAMES ARE LOWERCASE