Sunteți pe pagina 1din 7

S

C MO
I
S
AN
H
A K

B AMA

L BY Z

M ED
T
H REPACRO)
P IS
C

M
A
H

ED

E
AR
W
FT
SO

EN

ER
E
IN

AT

HTML5 STRUCTURE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
<title>Document</title>
<link rel="stylesheet" href="styles/app.css">
<script src=js/jquery.js></script>
</head>
<body>
<h1>Hello World!</h1>
<script src=js/app.js></script>
</body>
</html>

MORE METATAGS
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initialscale=1">

HTML COMMENTS
<!-- This is a Comment -->
Conditional Comments
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an
<strong>outdated</strong> browser. Please <a
href="http://browsehappy.com/">upgrade your browser</a>
to improve your experience.</p>
<![endif]-->

PRIMITIVES
Optional Start tags:
<html> <head><body><colgroup> <tbody>
Optional End tags:
</html> </head> </body></colgroup> </tbody>
</dt> </dd> </li> </thead> <th> </tr> </td> </tfoot> </p> </option>
Demo: Minimal HTML Markup
<!DOCTYPE html>
<title>a</title>
<p>Hello World!
HTML5 Validator
Live DOM Viewer
Primitives of HTML5

CONTENT TYPES

BASIC TAGS
Formatting Page Content (Headings, Paragraph, Line Breaks,
Emphasis, Special Characters, Images)
Sectioning Page ( Header, Footer, Main, Article, Section, Aside,
DIV, WAI-ARIA)
Creating Links
Creating Lists (Unordered List, Ordered List, Definition List)

S-ar putea să vă placă și