Save
Web Systems
HTML
Save
Share
Learn
Content
Leaderboard
Share
Learn
Created by
Ken Henryx
Visit profile
Cards (43)
Web Architecture
Structure of a website or web applications
Web Development
Process of building and maintaining websites or applications and using technologies and protocols
HTML
HyperText Markup Language
CSS
Cascading Style Sheet
HTTP
HyperText Transfer Protocol
Client-Server Model
Distributed application architecture that divides workloads between servers and clients
HTTP Protocol
One of the most common protocols on the net; connect network and application development group
Web Technology
Contains tools and systems for websites and web apps.
Web 1.0
Static Web
Web 2.0
Interactive Web
Web 3.0
Decentralized
Web
Web 1.0:
The Read-Only Web
1989 - 2005
Web 1.0
Built with
basic
HTML;
first
phase of the web; no user-generated content; one-way communication
Web 2.0:
The Interactive Web
2005
-
Preent
Web 2.0
Shift from static too
dynamic
;
user-driven
content; includes social networking; increased online engagement
Web 3.0:
The Decentralized Web
Present
Web 3.0
Decentralization
;
AI
; User data control; uses
blockchain
;
semantic
web
HTML (
1991
)
Created by
Tim Berners-Lee
HTML 5
Developed by
W3C
and
WHATWG
, released in October
2014
HTML 5 Focus:
Accessibility
,
Multimedia
,
Interactivity
,
Device Compatibility
<
!DOCTYPE html
>
this declaration specifies the version of HTML that the document is written in. First line of an HTML file.
<
html
> and </
html
>
Root element of an HTML document. Encloses all other elements on the webpage.
Nesting
Having an element inside of an element
<
head
> and </
head
>
Contains metadata about the webpage. Title, author, and character set are provided.
<
title
>
Shown in the browser tab. Nested within the head element and specifies the title oof the webpage.
<
body
> and </
body
>
Contains all visible content of a webpage. Includes text, images, links, videos, and other HTML elements.
<
div
>
Defines a
division
or a section in an HTML document. Can contain any type of content, including other <
div
> elements.
HTML Semantic Tags for
Structure
Semantic tags that carry the layout of a page. Also known as HTML5 elements.
<
header
>
considered the introductory information of a page or section
<nav>
used for navigation links
<
article
>
defines content that could stand independently of the page or site it's on
<footer>
used at the bottom of a page
<
aside
>
often used for sidebars
HTML Semantic Tags for
Texts
HTML tags that convey the text they contain along with the formatting
<
p
>
a paragraph of a text
<
a
>
used to markup a hyperlink from one page to another
<
ol
>
items that are displayed in a particular order
<
ul
>
items that are listed but not in a particular order
<q>
a quotation of the text
<
blockquote
>
for long, multi-line quotations
See all 43 cards