Beruflich Dokumente
Kultur Dokumente
HTML
What is HTML
Webpages are written in HTML - a simple scripting language.
2
A Simple HTML Document Example Explained
<!DOCTYPE html> ● The <!DOCTYPE html> declaration defines this
<html> document to be HTML5
<head>
<title>Page Title</title> ● The <html> element is the root element of an
</head> HTML page
<body>
● The <head> element contains meta information
<h1>My First Heading</h1> about the document
<p>My first paragraph.</p> ● The <title> element specifies a title for the
</body> document
</html> ● The <body> element contains the visible page
content
● The <h1> element defines a large heading
● The <p> element defines a paragraph
3
The <!DOCTYPE> Declaration
<!DOCTYPE html>
4
Web Browsers
× Google Chrome.
× Firefox.
× Safari.
× UC Browser.
× Internet Explorer.
× Opera.
5
Versions of HTML
6
HTML 2.0 (1995)
Supported more browsers. HTML 2.0 supported:
× forms with limited set of form elements such as text boxes, and
option buttons
× change of page background
× use of tables
7
HTML 4.01 (1999)
HTML 4.01 is the current official standard. This version is very stable,
having been released in December 1999. This version added support
for style sheets and scripting ability for multimedia elements.
8
HTML 5 (2014)
VIDEO
The video element allows you to easily stream video from a website.
FIGURE
Figure elements can be used to display visual content, such as photos, illustrations,
diagrams or code snippets.
<figure class="gallery-item">
<img src="image-1.png">
</figure>
<figure class="gallery-item">
<img src="image-2.png">
</figure>
9
SECTION NAV
Section elements, like divs, can The nav element is used for the part of a website
be used to organize webpage that links to other pages on the site. The links can
content into thematic groups. be organized a number of ways. Below, the links are
displayed within paragraph elements. An
<section
class="contact-form"> unordered list could also be used.
<h2>Contact Us</h2>
<form> <nav>
... <p><a href="login.html">Log In</a></p>
</form> <p><a href="signup.html">Sign Up</a></p>
</section> <p><a href="contact.html">Contact Us</a></p>
</nav>
10
HTML TAGS
<TAG> (something) </TAG>
11
HTML TAGS
HTML tags are element names surrounded by angle brackets:
12
13