Scribd
Upload
132 views2 pages

HTML 6.0 Document Structure Example

This document contains the code for a basic HTML page layout. It includes header, navigation, content, and footer sections. The header contains an image. The navigation bar contains unordered lists with hyperlinks. The main content section displays a heading, image, and paragraph of text. The footer displays a copyright message and image that marquees.

Uploaded by

Riyan Casino
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
132 views2 pages

HTML 6.0 Document Structure Example

This document contains the code for a basic HTML page layout. It includes header, navigation, content, and footer sections. The header contains an image. The navigation bar contains unordered lists with hyperlinks. The main content section displays a heading, image, and paragraph of text. The footer displays a copyright message and image that marquees.

Uploaded by

Riyan Casino
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
gagagagaga
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="[Link]" />
<script src="[Link]"></script>
</head>
<body bgcolor ="white">
<!-- <div>Hello div</div>
<span>Hello Span</span>

div#header = buat id
[Link] = buat class
-->
<div id="header">
<img src="assets/[Link]" alt="Header">
</div>
<div class="nav-bar">
<!--ul>a*2>li-->
<ul>
<a href="[Link]
<li>Home</li>
</a>
<a href="">
<li>Product</li>
</a>
</ul>
</div>
<div id="content">
<h1>Display Things</h1>
<div id="image"></div>
<div style="font-style :80px">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Voluptatum culpa enim quas.
Voluptate magnam libero officiis quasi facere nesciunt animi, nihil
exercitationem qui similique ab voluptas itaque magni!
Fugit, expedita?
</div>
</div>

<div id="footer">
<!-- ctrl+space untuk memunculkan menu-->
<marquee behavior="" direction="50px">

copyright &copy; 2019


<!-- <img src="../logo [Link]" alt=""> .. digunakan untuk naik ke
directori sebelumnya-->
<img src="assets/logo [Link]" alt="">

</marquee>

</div>
</body>
</html>

You might also like