Was will HTML Knowhow

Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben, sondern ganz praktische Tipps, wie Sie ihre Homepage optisch und inhaltlich verbessern können. Html, CSS und Java bieten da super Möglichkeiten der Webseiten-Gestaltung. Bevor Sie aber mit Ihrem Homepage-Projekt beginnen, sollten Sie sich über Grundsätzliches informieren, damit Sie wissen, was alles auf Sie zukommt. Ich gebe Homepage-Designern Tipps, wie sie ihren Webauftritt verbessern können.

Hinweis für Sie

Viele, die eine Webseite betreiben wollen, greifen auf vorgefertigt Seiten zurück. Die gibt es z.B. bei Ionos, Jamdo, Strato und vielen, vielen mehr. Aber wer etwas Individuelles haben möchte, der macht alles selber. Es lohnt sich garantiert. Ein Styling, das keinem anderen gleicht. Alle hier dargestellten Modelle habe ich persönlich getestet und sie funktionieren hervorragend, wie Sie auf den folgenden Seiten feststellen werden.

Wie geht HTML Knowhow

Aber wie machen wir das am Besten? Ich habe Ihnen hier ein paar ausgewählte, sehr praktische Abwendungen vorgestellt, die Sie bestimmt gut gebrauchen können.

html knowhow

Formularfelder gleichmäßig anordnen

Box ab bestimmter Scroll-Position

Bei der Eingabe des Datums müssen keine Punkte eingefügt werden. Das macht das Modul.

So sieht´s aus

Quellcode

<html>
<head>

<style type="text/css">
.navbar {position: fixed; display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; background-color: orange; width: 100%; height: 70px; z-index: 1;}
.nav {display: flex; justify-content: right; list-style: none; margin-right: 15%;}
a {margin: 15px; color: #000; text-decoration: none; font-family: 'Montserrat Alternates', sans-serif;}
a:hover {color: #fff;}
.content1, .content2, .content3 {position: relative; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; flex-direction: row; width: 100%; height: 600px;}
.content {width: 65%; height: 80%;}
h1 {font-size: 60px;}
p {font-size: 24px;}
.content1 {background-color: aqua;}
.content2 {background-color: green;}
.content3 {background-color: blue;}

</style>
</head>

<body >
<div class="navbar">
<ul class="nav">
<li><a href="#section1">Sektor 1</a></li>
<li><a href="#section2">Sektor 2</a></li>
<li><a href="#section3">Sektor 3</a></li>
</ul>
</div>

<section class="content1" id="section1">
<div class="content"><h1>Was will HTML Knowhow</h1>
<p>Ihr Text.</p>
</div>
</section>

<section class="content2" id="section2">
<div class="content"><h1>Hinweis für Sie</h1>
<p>Ihr Text.</p>
</div>
</section>

<section class="content3" id="section3">
<div class="content"><h1>Wie geht HTML Knowhow</h1>
<p>Ihr Text.</p>
</div>
</section>

</body>

</html>

Kontakt Datenschutz Impressum