Web Design
Hypertext Markup
Language
Web Design
HTML — contain the main
content of the page.
CSS — add styling to make the
page look nicer.
JS — Javascript files add
interactivity to web pages.
HTML
- Stands for Hypertext Markup
Language
- Is the standard markup language for
creating Web pages
- Describes the structure of a Web page
- Consists of a series of elements
- Elements tell the browser how to
display the content
- Elements label pieces of content such
as "this is a heading", "this is a
paragraph", "this is a link", etc.
HTML Elements
An HTML element is defined by a start tag, some
content, and an end tag:
The HTML element is everything from the start
tag to the end tag:
HTML Page Structure
Example The <!DOCTYPE html> declaration defines that this document
is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML
page
The <title> element specifies a title for the HTML page (which is
shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a
container for all the visible contents, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
CSS
- CSS stands for Cascading Style Sheets
- CSS describes how HTML elements
are to be displayed on screen, paper, or
in other media
- CSS saves a lot of work. It can control
the layout of multiple web pages all at
once
- External stylesheets are stored in CSS
files
CSS Styling
CSS is used to define styles for your web pages,
including the design, layout and variations in
display for different devices and screen sizes.
Javascript
JavaScript is one of the 3 languages all web
developers must learn:
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web
pages