Hogyan írjam meg a HTML-kódját egy ilyen 'honlapnak'? segítenél?
válasza:Táblázatban ilyen, de az elég halott technika:
<table>
<tr><td colspan="3"></td></tr>
<tr><td colspan="3"></td></tr>
<tr><td rowspan="3"></td><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
válasza:Hasraütésszerűen:
index.html fájl tartalma:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="hu">
<head>
<title>A honlap címe/neve</title>
<meta http-equiv="content-language" content="hu">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
<div id="container">
<div id="header"><!-- A felső kép helye --></div>
<div id="hgroup"><h1>Kinek a honlapja...</h1></div>
<div id="article">
<div id="aside">
<ul>
<li>Tartalom</li>
<li>Felsorolással</li>
</ul>
</div>
<div id="content">
<img src="http://www.thedphoto.com/images/Urban-&-landscape-photography-inspiration-by-Ildiko-Horvath.jpg" class="left" width="200" height="200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="clear"></div>
<img src="http://www.thedphoto.com/images/Urban-&-landscape-photography-inspiration-by-Ildiko-Horvath.jpg" class="right" width="200" height="200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="clear"></div>
<img src="http://www.thedphoto.com/images/Urban-&-landscape-photography-inspiration-by-Ildiko-Horvath.jpg" class="left" width="200" height="200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
style.css fájl tartalma:
@charset "utf-8";
* {
margin: 0;
padding: 0;
}
.left { float: left; margin-right: 10px; }
.right { float: right; margin-left: 10px; }
.clear { clear: both; margin-bottom: 10px; }
#container {
width: 900px;
margin: 0 auto;
}
#header {
width: 100%;
height: 80px;
background: url(http://rockstartemplate.com/headerdesign/blue_header.jpg) no-repeat; /* Rakj be saját képet háttérként */
}
#hgroup {
width: 100%;
clear: both;
text-align: center;
}
#article {
width: 100%;
}
#aside {
width: 150px;
float: left;
padding: 10px;
}
#content {
width: 710px;
float: right;
padding: 10px;
}
válasza:kulturember nem hasznal table-t a XXI. szazadban ;)
div
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!