HTML Basics
Uploaded by
Mohammed Zama KhanHTML Basics
Uploaded by
Mohammed Zama KhanS
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)
