HTML Einführung - HTML 1
Informatik - simpleclub
https://www.youtube.com/watch?v=jEHYBXe3sMU

Transkript (automatisch erstellt)

0:03 www.vzhh.de heute für neues zeitpunkt com na was lernen wir wohl heute war richtig los und zwar html was hat er jetzt genau ist und was genau
0:13 wie damit anstellen können sehen wir gleich [Musik]
0:20 so viele von euch haben sich bestimmt schon gefragt wie websites gebaut werden wir können nicht ständig unsere simpel klub website programmierer verleihen
0:28 damit sie bei anderen aus und reißen job machen deswegen gibt es eine auszeichnungssprache die sich auf die
0:38 webentwicklung spezialisiert hat nämlich html html steht dabei für hypertext markup language hinter jeder website steckt ein bestimmter html-code damit
0:49 ihr nicht denkt dass ich hier nur amrum laden könnt ihr das selber mal ausprobieren macht einfach mal euren browser auf und wählt bei dem
0:54 rechtsklick seiten quelltext anzeigen aus wo sie jetzt ist der html code der die website so beschreibt wie sie eben aussieht was sind jetzt aber die
1:03 eigenschaften von html und wie sieht die sprach genau aus genau das werden wir euch mit dem nächsten videos deutlich machen
1:09 wichtig zu wissen dass erst mal dass sich html nur um die struktur der website kümmert die darstellung und das layout also das aussehen die farbgebung
1:17 und so weiter wird von anderen formaten geregelt zb von cascading style sheets die wir uns dann auch noch rechtzeitig anschauen
1:24 eine darstellung durch html ist zwar möglich allerdings wesentlich komplizierter und unübersichtlicher als mit anderen formaten das hypertext im
1:31 namen beschreibt dabei einen text der referenzen auf andere texte oder dokumente enthält im falle von einer website wären das
1:38 dann zum beispiel links auf andere seiten das mag ab im namen steht für auszeichnungen durch auszeichnungen
1:43 strukturiert html den text und macht ihn lesbar für euren computer das geschieht über geschlossene tags also für jedes element im text brauchen
1:53 wir einen starttag und einen entdeckt dieser beschreibt den computer dann wie das element strukturiert werden soll außerdem gibt es noch attribute diese
2:02 beschreiben einen tag genauer und stehen dabei immer in einem tag drin dabei hat jedes attribut einen namen und einen wert der wert wird immer in
2:10 anführungszeichen mit einem ist gleich dahinter geschrieben wichtig ist dass die englische anführungszeichen verwendet warum
2:16 html-code spielt die einrücken außerdem keine rolle ihr könnt also alles um eine zeile schreiben allerdings wäre das dann mega
2:23 unübersichtlich für die übersichtlichkeit fügen wir also ab setzte mit 1 und der jahren freut sich der mega
2:29 diese klubs startseite würde der html code folgendermaßen aussehen euch geht es wahrscheinlich so wie mir und ihr jack genau gar nichts mit den folgenden
2:36 videos werden wir euch aber html immer näher bringen dann könnt ihr nicht nur html-code lesen sondern auch schon selber einfache webseiten bauen wir
2:43 schauen uns jetzt noch kurz an wie ihr html code schreiben kannst dafür braucht ihr erstmal nur einen text editor und einen browser
2:50 dabei gibt es ganz viele verschiedene googelt einfach mal als browser braucht ihr chrome safari firefox oder sowas dann braucht ihr nur euren html code in
2:59 den editor schreiben und als datei mit der endung punkt html abspeichern am schluss müsst ihr die datei nur noch mit dem browser öffnen wenn ihr sie
3:07 jetzt mit dem texteditor öffnet könnt ihr sie wieder ganz normal bearbeiten natürlich könnt ihr auch einfach einen html editor hernehmen da gibt es aber
3:14 jede menge kostenlose alternativen wenn die mit eclipse arbeitet könnt ihr einen html editor im marketplace finden und installieren würde das probieren von
3:22 skip dabei einfach folgenden code ab wenn das jetzt auf euren browser ausgegeben wird passt alles was merkt ihr euch jetzt aber zu html html
3:30 bedeutet hypertext markup language und böse zu tage die grundlage für das world wide web html sollte sich stets nur um die struktur kümmern
3:38 das geschieht dabei durch auszeichnungen in form von text und attributen dadurch kann der computer den html-code dann verarbeiten und im browser
3:46 darstellen um mit html code zu arbeiten braucht man lediglich einen text editor und einen browser ihr bereitet euch jetzt erst mal mental
3:53 auf html vor und dann könnt ihr euch schon ins nächste video klicken auf die simple club.de und in unserer app bis gleich dort einfach hier klicken