Willkommen im HTML/CSS-Blog
alles in fünf und drei

HTML+CSS = Webdesign! In diesem Bereich wird Eurer Kreativität keine Grenzen gesetzt! Hier vermitteln wir Euch hier Tipps, Tricks und Kniffe in HTML und CSS und geben Euch so das Handwerkszeug an die Hand, eigene tolle Webinhalte und Seiten zu erstellen.

html&css

IT-Camps 2018

29
Okt
scanplus GmbH
Im IT-Herbstcamp mit Schwerpunkt HTML&CSS dreht sich alles um die Erstellung von Websites.

29
Okt
scanplus GmbH
Steigt beim IT-Camp Raspberry PI in die spannende Welt der Einplatinen-Computer ein

Hi zusammen!

Wir sind wieder da und werden euch heute erklären wie ein HTML-Dokument auszusehen hat, damit es übersichtlich und schön aussieht.

Wie wir letztens schon erwähnt haben, gibt es den tag <!DOCTYPE html>, welcher im Dokument ganz oben stehen muss, damit der Browser weiß, um welchen Dokumenten-Typ es geht.

Genau unter den tag <!DOCTYPE html> kommt der tag <html> und damit wir nicht vergessen ihn zu schließen und nachher den Fehler suchen, schließen wir ihn sofort!

Das ganze sieht dann so aus:

<!DOCTYPE html>
<html>
</html>

Jetzt müssen wir das Thema von einer anderen Seite angehen um den Rest etwas leichter zu verstehen. Wir sehen ein HTML Dokument jetzt einfachmal an wie einen Menschen:

KOPF(head) --> Dort werden die Basisinformationen gespeichert, wie die Sprache, Titel der Homepage und die CSS-Verlinkung
KÖRPER(body) --> Hier wird der komplette Inhalt verfasst, welcher dann auf der Homepage Sichtbar ist, wie Texte, Bilder etc.
FÜSSE(footer) --> Hier befinden sich die Schlussinformationen wie das Impressum



Im Dokument sieht das dann so aus:

<!DOCTYPE html>
<html>
<head>
<!-- Informationen -->
</head>

<body>
<!-- Sichtbare Seite -->
</body>

<footer>
<!-- Schlussinformationen -->
</footer>
</html>


Euer HTML/CSS Team!:-)

 

Hallo, wir sind es wieder euer HTML/CSS Team!

Heute wollen wir euch zeigen, wie unsere HTML/CSS Kurse, die in den Herbstferien in Kooperation mit der Volksbank Ulm Biberach starten, ablaufen. Wir bieten zwei verschiedene Kurse an, das wäre zum einen der Grundkurs, welcher Euch die nötigen Grundbausteine zum Aufbau einer Website vermittelt
Dazu gehören so genannte Tags wie:

- <!DOCTYPE html>
- <html></html>
- <head></head>
- <body></body>

Außerdem bieten wir einen Kurs für Fortgeschrittene an, dieser befasst sich auch mit der vielseitigen Programmiersprache Javascript. Mit dieser Sprache lassen sich Animationen erstellen und Interaktionen realisieren, außerdem kann man damit den HTML- und CSS-Code erweitern, um eine Website lebendiger und professioneller aussehen zu lassen.

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>HTML & CSS</title>

</head>

<body>

<h1>Hallo Du, und herzlich Willkommen bei deinem html/css Team!</h1>

<article>

Wir freuen uns tierisch daruf dich kennen zu lernen, und dir alles nötige beizubringen was du für eine Website brauchst. Bei uns lernst du Methoden wie du mit html & css umgehen kannst. Das coole dabei: Du alleine entscheidest, wie am Ende des Kurses deine Website aussehen soll. Wir fangen mit den Grundbausteinen eines HTML-Dokumentes an. Was muss man beachten, was passiert wenn ich welchen Befehl eingebe, und wann sehen wir endlich Farbe? All das erwartet dich hier bei uns im Kurs. Neben Spaß am skripten & designen steht bei uns das Thema Präsentation ganz weit oben. Am ende des Kurses darf jeder seine Website die er bei uns erstellt hat präsentieren. Wenn du also schon immer eine Website bauen wolltest, dann bist du hier bei uns genau richtig.

</ br>

Euer Html & Css Team :)

</article>

</body>

</html>

 

Jetzt Mitglied werden!

Einloggen

Username *
Password *
an mich erinnern

Die touchit Community wird ermöglicht von