Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 10:25

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



HTML Tutorial by Cpt.Cock

Discussion on HTML Tutorial by Cpt.Cock within the Web Development forum part of the Coders Den category.

Closed Thread
 
Old   #1
 
Cpt.Cock's Avatar
 
elite*gold: 1
Join Date: Dec 2012
Posts: 315
Received Thanks: 28
HTML Tutorial by Cpt.****

Hey und herzlich wilkommen zu diesem reinem HTML Tutorial,

ich habe festgestellt, dass es in diesem Forum noch kein richtiges HTML Tutorial zu geben scheint (klärt mich bitte auf wenn ich mich irre). Also beschloss ich, selber eines zu schreiben. Das Tutorial wird in mehrere Abschnitte eingeteilt sein, damit man sich besser zurecht findet. Außerdem werde ich so viele Bilder und Erklärungen zur Verfügung stellen wie nur geht. Aber jetzt soll es erstmal mit dem 1. Part losgehen:

Grundlagen :

Zuerst benötigen wir einen guten Editor, der euch mit Farbmarkierungen hilft, den Durchblick zu behalten, ich empfehle euch hier , ihr könnt allerdings auch andere benutzen. Wenn ihr dann euren Editor gestartet habt (in meinem Fall Notepad++), sollte es ungefähr so aussehen :



Jetzt wollen wir als erstes mit unserem Editor ein HTML Dokument erstellen, dies tuen wir in dem wir auf "Speichern unter" klicken, und das Dokument, unter einem beliebigen Namen speichern (es empfiehlt sich index). Wichtig ist nur, dass ihr als Dateiendung .html drin habt. Ungefähr so:



Nun kommen wir zum eigentlichen HTML-Code...

Ein HTML-Code ist immer in ein bestimmtes Grundgerüst eingeteilt. Das sieht so aus:
PHP Code:
<html>
<
head>

</
head>
<
body>

</
body>
</
html
Ihr könnt sehen, dass alles in sogenannte "Tags" eingeteilt ist. Das ist fast ausnahmslos bei jedem HTML Befehl so.

Tags werden IMMER so geöffnet :
PHP Code:
<beispiel
und so geschlossen :
PHP Code:
</beispiel
Der Unterschied besteht in dem "/" vor dem Tag. Der Tag ohne "/" öffnet einen Tag und der mit "/" schließt ihn wieder. Alles was zwischen der Öffnung und der Schließung des Tags steht, wird in ihn mit einbezogen.

Nun zur Erklärung des Grundgerüsts:
  • Der HTML Tag gibt einfach nur an, dass es sich um ein HTML Dokument handelt.
  • Im HEAD Bereich findet man hauptsächlich Dinge, dir für die Funktionalität der Seite zuständig sind. Der HEAD macht also wie beim Menschen die "Denk-Arbeit".
  • Der BODY Bereich ist der Körperbereich, in ihm finden sich Dinge wie Bilder, Links oder Texte zur Seite.
So sieht das ganze dann im Editor aus :




Nun wollen wir unseren ersten Tag angeben, und zwar im HEAD Bereich, den Tag.
Dieser gibt den Titel der Seite an, dass ist der Text der nachher bei euch oben im Tab steht. Das ganze sieht dann so aus:
PHP Code:
<title>Meine erste Website</title
Auch hier könnt ihr wieder das System mit den Tags erkennen, alles was zwischen den beiden Tags steht, ist der tatsächliche Titel.

Insgesamt sollte euer Dokument bisher so aussehen:




Ich hoffe ihr habt bis her alles verstanden, ich würde mich über ein Thnaks freuen wenn es euch gefallen hat, im nächsten Part geht es um die ersten Texte

Bis dann

Der Captain

sry falsches forum, pls close
Cpt.Cock is offline  
Old 07/15/2013, 17:18   #2
 
elite*gold: 0
Join Date: Apr 2005
Posts: 323
Received Thanks: 114
Ich unterstelle dir mal das du es ehrlich meinst mit dem Tutorial und keine Thanks abgreifen möchtest

Selbst für "Grundlagen" ist das Tutorial sehr dürftig und sogar in diesem Zustand enthält es Fehler. Ich denke es wäre gut, den Post wieder heraus zu nehmen und daran zu arbeiten bis du selbst damit zufrieden bist. Wenn du in diesem Zustand damit zufrieden bist würde ich es ganz lassen.

Und nein, das "später mehr dazu kommt" ist keine gute Argumentation
MrPuschel is offline  
Old 07/16/2013, 00:45   #3

 
マルコ's Avatar
 
elite*gold: 1329
Join Date: Jun 2009
Posts: 1,873
Received Thanks: 960
Nja, das gehört in die Tutorial Sektion (ja, sowas gibts tatsächlich).
Abgesehen von den endlos vielen Seiten, die wirklich professionelle Tutorials (an denen seit _Jahren_ gearbeitet wurde) einstellen, gibt es auch hier im Forum zick Tutorials.
Mein Tipp: Wenn du dich also wirklich vom Rest absetzen willst, dann erklär lieber eine Problemstellung oder neue Möglichkeiten von neuen Technologien, wie HTML5, als nochmal den ganzen Käse hier aufzurollen. Zum Beispiel ein Tutorial zum Clearfix, oder was das Boilerplate so alles macht, oder... Und bearbeite den Thread dann auch lieber erstmal selbst in nem Editor und schlaf dann nochmal drüber. Damit vermeidest du viele Fehler und Lücken.
マルコ is offline  
Old 07/17/2013, 14:34   #4
 
NEXON | Technologies's Avatar
 
elite*gold: 0
Join Date: Jul 2013
Posts: 602
Received Thanks: 40
Das ist kein Tutorial das ist für ein Richtiges Tutorial SEHR wenig!
NEXON | Technologies is offline  
Old 07/17/2013, 21:04   #5
 
elite*gold: 15
Join Date: Sep 2010
Posts: 539
Received Thanks: 66
Naja viel erklärst du ja nicht... mit dem kann man eigentlich absolut nichts anfange. Wenn, dann muss da noch VIEEEEELLL mehr kommen.
phlinther1 is offline  
Old 07/18/2013, 09:13   #6
 
elite*gold: 5
Join Date: Mar 2008
Posts: 460
Received Thanks: 436
hahahaha,
das Tutorial soll doch nur'n Joke sein, ich Wette er hat auch ein YouTube Video gemacht:

Als Fortsetzung zeigt er uns dann Überschriften mit "<H1>" !!! XDDDD

Selten so früh am morgen sooooo gelacht, dass erinnert mich echt an alte Zeiten ;P
SwarN is offline  
Old 07/18/2013, 15:01   #7
 
elite*gold: 0
Join Date: Oct 2009
Posts: 557
Received Thanks: 160
als komplettes Tutorial würde ich es auch nicht bezeichnen, aber das was gezeigt wird, wird gut und verständlich erklärt.
Für den ein oder anderen Einsteiger vielleicht als "Einstiegsschubser" gar nicht mal so schlecht.
Bau das ganze doch aus! Für den anfang fnde ich es wirklich nicht schlecht.
Jonas_93 is offline  
Old 07/18/2013, 22:09   #8
 
Cpt.Cock's Avatar
 
elite*gold: 1
Join Date: Dec 2012
Posts: 315
Received Thanks: 28
Leute, das war ein falscher Post von mir, ich bitte hiermit darum den Thread zu closen. Das Tutorial hier beinhaltet nochnichtmal ein 8tel des gesamten. Tut mir leid wenn ich für Unruhe gesorgt habe...

Aber ich muss schon sagen, so wie das TUT hier aussieht, könnte es echt ne Verarsche sein xD
Cpt.Cock is offline  
Old 07/19/2013, 19:26   #9

 
xxfabbelxx's Avatar
 
elite*gold: 900
Join Date: Apr 2009
Posts: 14,981
Received Thanks: 11,403
closed
xxfabbelxx is offline  
Closed Thread




All times are GMT +1. The time now is 10:26.


Powered by vBulletin®
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2026 elitepvpers All Rights Reserved.