One Pager Cheat Sheet
- We will discover how to create websites using the
programming languages
, HTML and CSS, and learn about the technologies behind today's web pages. - The
HTML
document islinked
to external style sheet (CSS) and script (JavaScript) files to enhance the style, appearance, and interactivity of a web page. - HTML
elements
and their appearance on web pages is managed byHyperText Markup Language
(HTML
) andCascading Style Sheets
(CSS
). HTML consists of various
elementsenclosed within
tagsand sometimes further defined by
attributesto provide additional information.
- The basic HTML document is created using the
<!DOCTYPE html>
,<html>
,<head>
and<body>
tags which define the document type, enclose all elements, set the metadata and display the visible content respectively. - Boldly structuring webpages with
Headings
,Paragraphs
,Hyperlinks
, andImages
tags, HTML allows us to display content in a meaningful way. - The correct sequence of HTML tags to start a web page is
<html>
,<head>
,<title>
, and<body>
. - CSS helps us to add color and life to a basic webpage by creating style sheets and applying
rules
to HTML elements to control their styling. - CSS is used to change the appearance of HTML elements by defining
selectors
anddeclarations
withinrules
. - By adding a
CSS stylesheet
to an HTML document,multple properties
of different elements can be easily changed to modify the appearance of the webpage. - CSS allows for the styling of font (e.g. font-style, font-weight and font-size), background color and padding of HTML elements, such as through specifying
font-style
,font-weight
,font-size
,background-color
andpadding
with values inpx
. - This lesson introduces the basics of HTML and CSS, but there are many other
HTML tags
andCSS properties
available that can be experimented with to create beautiful websites!