HTML Tutorial - Teil 1

[DukeHacks]

OMFG WIE LEISE

[DukeHacks]

OMFG WIE LEISE

[TheRealMatsmaster]

An alle Anfänger kann ich das Programm "notepad++" empfehlen, macht das automatisch gleich einigermaßen übersichtlicher

[xRaVen945x]

Es wäre besser, wenn deine Stimme etwas lauter wäre...sonst gutes tutorial!

[olli8499]

@xRaVen945x Ist in den nächsten Videos... ;)

[KitsunerJP]

Danke, habe hier vorbeigeschaut, weil ich Grundkentnisse dafür für die Ausbildung bräuchte. Sehr gut!

[olli8499]

@KitsunerJP Danke! Viel Spaß und viel Erfolg!

[KopschiLP]

Hey olli!

Erstmal ein großes Dankeschön, dass du ein Tutorial machst. Was HTML angeht, bin ich unerfahren und das Tutorial war sehr hilfreich.

LG KopschiLP

[McGangster95]

Sinnlose Nachrichten bekommen oftmals die meisten Thumps Up

[olli8499]

@McGangster95 Na dann mal viel Erfolg :)

[McGangster95]

@olli8499 danke für die Antwort :D dann isses schonma ganz oben :) (gibn thump up :O :D)

[CorporalBL00D]

Steuerung und Strg und S hmmm?

I know what you mean but pls. make it better :D

[olli8499]

@CorporalBL00D ?

[babbletags]

@olli8499 Falls du es nicht schon beantwortet bekommen hast: Strg=Steuerung

[olli8499]

@babbletags jep ich weiß... es gibt aber genügend Leute, die sich zu dieser Taste Begriffe wie "string" oder "strange" oder sonst etwas einfallen lassen. Wenn ich denen erzähle, die sollen bitte Control und X drücken kommt nur ein großes Fragezeichen ;)

[babbletags]

@olli8499 Aha verstehe. Na dann entschuldige dass ich dich verbessern wollte :D

[olli8499]

@babbletags Hehe - kein Problem ;)

[DJEarthquakesmixes]

@ 09:49 yepppiiiiii^^

[MelonStarQ]

melonstarq. blogspot. com Try IT!

[miblairie]

Ich habe eine Frage; wie mache ich das, dass sich das Internetfenster an mein geschriebenes Zeug anpasst? Also, ich hab Internetexplorer und wenn ich aufs Internet gehe, kommt ganz normal meine Startseite und keine leere Seite, so wie bei dir. Woran liegt das?

[MrSmartiebaker]

hi. ich kann schon alles, aber trotzdem klasse video.

kleiner insidertipp: ich glaube, laut wtc3 ist es (leider) nicht (mehr?!?) valid, h1 in den head zu nehmen. glaub ich. wenn es jemand besser weis soll ers mir sagen

gruß mrsmartiebaker

[olli8499]

@MrSmartiebaker Hi! Nein, da hast du vollkommen Recht.. das ist absolut tödlich.. jedenfalls nach den aktuell doctypes..

Es ist so einiges nicht mehr aktuell was in dem Video gezeigt ist.. so habe ich HTML anstatt von XHTML Tags benutzt und solche Dinge alle :)

Danke für dein Lob! :)

[hrsitcom]

@MrSmartiebaker

hallo, kleine Frage, wo liegt das Problem bei h1? Hab ne kleine Seite damit geschrieben und Firefox kommt damit klar ;)

MFG

[olli8499]

@hrsitcom Hi! Es geht dabei nicht um das Funktionieren sondern um bestimmte "Regeln", die eingehalten werden sollten.

Du kommst normal auch am Ziel an, wenn du bei Rot über die Ampel färhst, aber es gibt genügend Gründe, warum man es nicht machen sollte.

Du solltest dir die Standards vom W3 eventuell mal durchlesen - ist teilweise sehr interssant.

[MrSmartiebaker]

@hrsitcom ja, es geht.

aber (ich glaub und es tut mir leid wenns falsch ist) es muss in den body. firefox ist da großzügig, aber dass es wichtig ist auf so eine ART von Problemen zu achten, das lernt man schnell, denn Firefox unterstützt zum Glück vieles, der IE aber oft nicht (in diesem Fall unterstützt er's). war ja auch nur ne kleine nicht böse gemeinte bemerkung. :-)

[hrsitcom]

@MrSmartiebaker

achso.... alles klar, danke für die aufklärung :)

[IndependentFranz97]

Thx .. hast mir sehr geholfen ob wohl ich den Anfang schon wusste ;D

[TutorialsDasOriginal]

Hi,wieso machst du das nicht mit einem "HTML" Programm,damit ist es einfacher als mit einem "Editor"!

[olli8499]

@TutorialsDasOriginal Einfache Psychologie: Neues + Neues + Neues = Nix verstehen

HTML ist schon neu, wenn dazu noch eine neue IDE und evtl. noch eine Apache Server dazu kommt, wird es etwas viel.

Die Tutorials sind so oder so überarbeitet... sind größtenteils nicht mehr aktuell. Für die Grundlagen aber immer noch gut ;)

[DerTOTTV]

Ja endlich find ich mal sowas :DDDDD

[olli8499]

@DerTOTTV :)

[DerTOTTV]

@olli8499 :)

[ilfro124]

das klappt nicht bei mir

[F4bisTutorials]

Für Anfänger ganz gut, aber leider auch fehlerhaft.

HTML Dokumente beginnen mit einer Zuweisung des Dokumenttyps, also der DOCTYPE Anweisung. Auch stellen die Tags nicht unbedingt Anweisungen da, sondern eher Bereiche / Abgrenzungen. Aber trotzdem finde ich es gut gemacht, ich schau mir auch noch die anderen an.

[olli8499]

@F4bisTutorials Hi! Ich habe einigen Bockmist gemacht.. Irgendwo habe ich sogar ein Textelement in den Header gepackt.. keine Ahnung warum ;)

Aber wenn ich es so machen würde, wie du es für richtig hältst, dann müsste ich in dem Tutorial XML erklären.. XML, Doctype, HTML Parser allgemein, Webserver, Meta Angaben.. meinst du nicht, dass das etwas viel ist für das erste Video? Für die ersten 10 Minuten?

[F4bisTutorials]

@olli8499 Naja du hättest das dann ja inem einzel Tutorial machen können und an der Stelle drauf verlinken :> Aber wie gesagt, ich finde es dennoch recht schlüssig.

[olli8499]

@F4bisTutorials Ja... dann mache ich eventuell mal noch 1-2 Tutorials zu XHTML 1.1 validen Dokumenten oder so..

[Kobashix3]

Für "ü" und so musst du eig. was anderes sehen,weil Deutschland das einzigste land ist das ü ä ö  etc. hat also musst du dafür ü=ü

[olli8499]

@Kobashix3 PN...

[PatrikKuehl]

Hi Olli,

Dein Tutorial ist eine gute Hilfestellung für Anfänger, es ist aber nicht korrekt das die header-Tags (h1 et cetera) in den head-Bereich kommen sondern ebenfalls in den body-Bereich.

Gruß,

Patrik

[olli8499]

@PatrikKuehl Ach du scheiße! Da sagst du auch was. Ich habe es mir gerade nochmal angesehen, das geht ja gar nicht ;)

Aber ich habe eine (mehr oder weniger) gute Ausrede ;) : Ich habe die Tutorials gemacht, als ich selber noch keine Ahnung von Standards wie bswp. Dem XHTML 1.0 o.ä. hatte. Ich habe einiges hier falsch erklärt, und werde die Tutorials auch neu machen -sobald ich Zeit habe.

[PatrikKuehl]

@olli8499 Kann jeden mal passieren^^

[olli8499]

@PatrikKuehl Hehe :)

[FuckinFreakFelix]

ich kenne den 'h1' tag nur im 'Body' teil ...

[olli8499]

@FuckinFreakFelix Ja, aber erstmal kommen ja die Basics ;)

[FuckinFreakFelix]

@olli8499 ok wie du meinst

[olli8499]

@FuckinFreakFelix Jetzt habe ich mir das Tutorial noch einmal angesehen, du hast natürlich Recht! Sorry. Lies mal ein paar Kommentare weiter oben, was ich zu PatrikKuehl geschrieben habe!

[FuckinFreakFelix]

@olli8499 habs gelesen

wie schon gesagt kann mal passieren ;D

[yourmgtube]

gutes tutorial :D

[Izzuv]

Ich wünschte ich hätte damals so nen schönen Tutorial gehabt ;)

[viperoni1]

gut für die absoluten noobs

echt gut thx

[WinTutorials7]

@stinakiller vllt liegt es daran als er die größe geändert hat das er das /h1 nicht zu /h2 gemacht hat wenn du h2 anfängst kannste es nicht mit h1 beenden ganz simpel

[Jeronor]

@WinTutorials7 und logisch ^^

h1 h2.....hab bereits vergessen bis wohin es geht, sind komplett verschiedene Größen und man kann nicht eine Größe mit einer anderen schließen.

[Auslandos]

Hey Olli du bist echt klasse :D

du bist der erste denn ich abbonieren will :)

[stinakiller]

bei mir steht da nicht home sondern irrgent so ein kram?!

[olli8499]

@stinakiller Hm... hast du die Datei als .html abgespeichert und im Browser geöffnet?

Ansonsten - schick mir mal bitte deine Datei oder sag mir, was da steht.

[xMarv1nx]

Hey,

Super Video.

Ich werde mir die anderen bei gelegenheit auch angucken.

Ich habe noch ne Frage, unzwar wie bekomme ich so eine Liste,wo die ganzen Befehle drauf stehen?

[olli8499]

@xMarv1nx Also da gibt es generell zwei Listen. Ich poste die Links in der Videobeschreibung. In den Kommis kann ich ja keine Links senden. Ansonsten ist selfHTML eine sehr gute HTML Refenz, einfach einmal googln!

[D0kuChannel]

Richtig gutes Video, 

[FrEaKyInThIsClUb]

verdammt gut.... ehrlich ^^

total gut erklärt für die newbies ^^

nur halt etwas leise ;)

[nicohoehne]

endlich ein gutes, versteh bares tutorital

[TechnoKim96]

echt super tutorial !!

wie ja schon erwähnt ist es leider etwas leise , aber ansonsten echt spitze :)

[olli8499]

@TechnoKim96 Ja.. hehe. Die Videos sind auch schon etwas älter. Nun habe ich besseres Equipment - Ton sollte eigentlich etwas besser sein.

[MastersReal]

du hast ein sehr schlechten stil dir angewöhnt. Das ist eigentlich wo vor man sich in acht nehmen sollte da jede den quellcode von der Seite abrufen können. Ok wen es nur so im tutorial war kann ich es verstehn. Aber trotzdem ein guts tutorial.

[olli8499]

@MastersReal Hi. Was genau stört dich denn? Dieses Tutorial bezieht sich auf html - nicht auf xhtml.

Ich finde es persönlich einfach zu komplex Anfänger mit doctypes und ähnlichem xhtml schnick-schnack zu überrumpeln. Dafür ist einem Tutorial einfach nicht genug Platz. Ansonsten bin ich gerne für Vorschläge offen!

[olli8499]

@Marlboro771 Joa.. aber die neueren Videos sind ja besser.

[xyzxyzMusicManxyzxyz]

richtig gut erklärt Daumen hoch :D

[McGressi30]

bitte lauter sprechen im nächsten tut , abgehsehen davon ist das tut sehr gut erklärt!!!

[olli8499]

@McGressi30 cool. Danke! Jau, war noch mit dem alten Equiment. Die neuen Videos sollten viel besser sein =)

[22rapmaster]

Find es echt super

ech behersche schon paar Sprachen

z.b python,jave,flash, und bei jedem verliert man den spass

weil man keine Ergebnise sieht

ich finde bis jetzt html am besten

ich werde es nun jeden tag üben ;D

danke dir

Man sieht immer sofort ein ergebnis

das ist super ;D

[olli8499]

@22rapmaster Hi! Da hast du Recht! Meine Favoriten sind auch HTML, CSS und PHP / C++ :)

[VincenzoR97]

aha -.-

[tuningtz]

gibt es bücher welche zu empfehlen sind um es zu lernen?... auch ein bisschen css und php integriert..evtl

lg

[Lance19961]

Vielen dank

[MrGreenkite31]

Naja wusste ich alles schon, aber trozdem gut.

Meinst du es ist möglich HTML in 2 Monaten soweit zu lernen das ich ne buisness HP Progammieren kann? Soll für eine kleine Firma sein. Nix großes.

[olli8499]

Definitiv NEIN!

Da musst du nämlich noch CSS und PHP können. das ist außer mit einem intensiv Kurs nicht möglich.

Ich arbeite gerade an einem Kleingewerbe für Webdesign. Mit erfahrenen Programmieren; bis du soweit bist dauert das um die 3-4 Jahre (bei mir..)

[Jaysbalu]

ich hab die befehle direkt bei phase 5.6 eingegeben und es sieht genauso aus wie bei dir wenn ich browseransicht mache.geht das auch ?

[olli8499]

Hi!

Wenn es genau so aussieht wie bei mir, ist ja alles in Ordnung! Ob du es nun abspeicherst und wieder Öffnest, oder ob du auf Browseransicht klickst.. das ist eigentlich egal.

[Jaysbalu]

ich hab noch nicht mit gucken angefangen und hab html phase 5.6 brauch ich noch mehr z.B. domaine ?

[olli8499]

Hi!

Nein, das brauchst du nicht. Für normale HTML Dateien reicht dein "normaler" Computer. Schau dir am besten den ersten Teil an, dann siehst du, wie es geht.

Wenn du PHP Codes schreiben möchtest, brauchst du einen (zum Beispiel) Apache. Der normalerweise dabei ist, wenn man sich eine Domain kauft. Aber das braucht man erstmal noch nicht!

Gruß,

Olli

[ballinlove]

hey coole sache machsta gut...

[olli8499]

Danke ;)

[Nightwishfan2008]

es ist zwar etwas leise aber gut verständlich

[olli8499]

Hehe.. die nächsten sollten lauter sein (:

[zuckini007]

Hey fetten dank ^^ will meine eigene page programieren und evtel einestages mit dieser page geld verdienen, wer weiß "träum" ^^

[olli8499]

Hehe. Viel Glück.

[olli8499]

@dakilla1895

Auch wenn du deinen Kommentar gelöscht hast, aber ich antworte trotzdem ;)

Ich mache sehr viel in HTML, PHP, CSS und JS in meiner Freizeit und würde mich nicht als Noob bezeichnen, aber auch nicht als mega Profi ;)

[olli8499]

Ist ja schön, dass einer mal bemerkt, wie schlau ich bin ;)

Ich wäre mir da mal nicht so sicher, ob das alle wissen. Es gibt genügend Leute, die HTML lernen möchten, und die Grundlagen nicht können. Ich könnte auch mit PHP, CSS o. JS anfangen, aber dafür sind die HTML Grundlagen zwingend erforderlich. Somit fange ich damit an.

Ich mache meine Videos nach dem Motto: Wer sie mag, guckt sich sie an, der Rest: Tschüss!

[dakilla1895]

xD, Spass, bist cool!

[olli8499]

Hehe^^

[olli8499]

Naja, auch wenn du deinen Kommentar gelöscht hast, aber ich antworte trotzdem ;)

Ich mache sehr viel in HTML PHP CSS JS usw.. ich würde mich nicht als noob bezeichnen, aber auch nicht als Profi ;) Aber einiges kann ich wohl -)

[olli8499]

Nein. das auf keinen Fall! Denn für PHP MUSST du HTML können. Wenn du html beherrschst, dann schau dir php an, vorher nicht.. bitte ;-)

Wenn du "Computerprogramme" machen willst, schau dir C++, C, Pascal oder QT (Schau bei google) an.

Gruß,

Olli

[olli8499]

Du darfst bei HTML nie von Coden reden. Coden heißt, dass du etwas.. naja.. also dass das "Programm" logische Verknüpfungen machen / lösen kann.

Das kann man auch machen. Du kannst z.B. Hintergrundfarbe, Textfarbe oder auch ein Hintergrundbild erstellen. Aber dafür mache ich auch noch Videos (einiges schon in den weiteren erklärt)

Zum Coden wird PHP genommen.. gibts auch noch Videos zu

[olli8499]

Also HTML ist dazu da, eine Website zu erstellen. Wenn du so etwas mit einem WYSIWYG Editor machst (also sowas wie Word), und ein kleiner Fehler auftaucht, dann kannst du den Fehler nicht so einfach beheben, denn du weißt ja nicht, was da so alles steht.

Also HTML ist nicht dazu da, um einfach einen Steckbrief zu machen, sondern um Websites zu erstellen. Schau dir die anderen Tutorials an, dann siehst du, was man mit HTML so machen kann (Neue folgen noch)

[TheBomf]

Super Erklärung..Habe die Grundsachen jetzt eigentlich zum Teil verstanden. Manchmal hakt es bloß ein bisschen in meinem Kopf. Mit vielen grüßen The Bomf

[olli8499]

Danke :)

:D ja, das kenne ich. Dann muss mal ein paar mal drüber nachdenken, dann geht es..

[MissJackassMeintJenn]

Kann den ganzen Quatsch zwar schon, aber trzt. sehr gut erklärt :]

[olli8499]

Hehe. Danke =) Ich habe leider zur Zeit Probleme mit dem Uploaden.. sonst wärem scon wieder neue online o.O

[MissJackassMeintJenn]

Idiot!

:D

Kriegst schon gefixt :D

[olli8499]

Grrrrmmmll.. mal hoffen. ICh versuchs jetzt nochmal! In Planung: PHP tutoral, HTML geht weiter und CSS.. danach Javascript und C++.. ist ja nicht viel, nech? :D

[mcmars585]

Ganz gut hab aber schon bessere Englische gesehen z.b. von tinkernut ode Edz Johnson aber trotzdem 3*