Transcript for:
HTML-Grundlagen und Tags

ok teil zwei des bereichs php hypertext markup language und in diesem video geht es ein bisschen genauer darum was ist eigentlich mit einem html tagaus sichert die grundlage allen seins für jede webseite wenn man so will wir fangen also an uns zu überlegen wie schreibe ich eigentlich eine webseite in dieser kryptischen darstellung die wir gerade im anderen video schon gesehen haben und ja was passiert eigentlich oder was brauche ich mindestens für diese einzelnen webseite mit diese angezeigt werden können und deswegen schauen wir sind die video einmal an welche syntax und welchen aufbau braucht eigentlich eine webseite damit sie im browser angezeigt werden kann jetzt hatte ich gerade eingangs schon mal erwähnt dass html quellcode aus sogenannten tags besteht wenn wir sagen in der regel dann auch immer html tag dazu html tags und so ein html tag ist eigentlich nichts anderes als ein markup auch hier natürlich ein bisschen doof dass es weder englischer begriff ist man muss sich das vorstellen wie so eine textmarker ich kann jetzt also irgendwie gewissen text hervorheben durch eine sogenannten html tag sprich eintrat eml befiel setzt sich immer aus dem zusammen was möchte ich im browser sehen und außerdem wie möchte ich das in den browser sehen und es gibt eine ganz grundlegende syntax für html tags und die sieht so aus dass wir eine spitze klammer auf waffen dar ein schreiben wir unseren speziellen html tag und das hier ist variabel was sie entsteht das können verschiedenste sein und dann muss ich eine spitze klammer zu machen was dann folgt ist der text auf der webseite der angezeigt werden texte auf webseite und am ende müssen wir den tag den ich hier geöffnet ab durch spitze klammer tech name spitze klammer muss ich den tag wieder schließen und das mache ich indem ich eine spitze klammer aufmache einbeck / der hinsetze und dann den entsprechenden tag schließe den ich vorne aufgemacht und das ist die ganze kunst an das html text natürlich die frage welchen tag wende ich an wir können dazu ein beispiel verwenden und dieses beispiel schreibe ich jetzt hier einfach mal hin wir haben oben schon der anderen videothek genommen mit dem jetzt mal in anderen tag wir nehmen den tag h1 dieses h1 ist ein tag name und ich sage überschriften 1 und ich schliesse diesem tag wieder speziell aber auf backslash und jetzt nämlich wieder h1 weil ich den h1 tag schließe gut welche bedeutung hat das jetzt innerhalb dieses h1 sind html-seiten seitig eigenschaften definiert ich habe zunächst mal einen öffnenden tag und alles das was nach dem öffnen tag folgt soll so dargestellt werden wie ich es in diesem h1 tag das heißt in diesem h1 abgespeichert ist wieder fit da war zum beispiel h1 steht für eine überschrift unter steckt zum beispiel darin dass die schriftart groß dargestellt ist sie ist fett dargestellt und nach diesem was ich als h1 darstellen möchte kommt ein umbruch nach dem öffnen der tag gebe ich also das an was ich jetzt so dargestellt haben will zwar so lange bis irgendwann der schließende tag kommt das heißt alles das und jetzt sind wir wieder bei der textmarker oben alles dass zwischen dem öffnenden und schließenden tag wird also dargestellt wie h1 punkt das ist die ganze kunst etwas interessanter wird es wenn man das ganze ein bisschen verschachtelt und dazu gibt es auch gleich noch ein anderes video also zum beispiel sagen b ii dann schreiben wir irgendwas mal eine andere farbe schreiben das wort hallo und dann schließen wir unsere geöffneten tabs wieder achtung in der reihenfolge ich habe meinen inneren etec dem muss ich als erstes schließen und dann habe ich mein betec auch den muss ich schießen gut was ist jetzt hier passiert waren wir mal das innere sorgt dafür dass alles das was nach dem öffnen der tag kommt kursiv dargestellt ist wenn also von dem wort hallo und b sorgt dafür dass alles was nach dem tod kommt fed dargestellt ist und auch das bezieht sich auf das wort hallo denn der browser interpretiert im alles was und spitzen klammern steht als einen tag und steht den tag selber damit nicht verdammt sondern erst dann wenn es zu dem text gott wenn ich den tag als letztes auf mache muss ich ihnen als erstes wieder schließen dann coupé und b das ist so die reihenfolge man muss sich das vorstellen wie sonne wie so ein stapel ich kann also erst das wieder schließen was ich kurz vorher aufgemacht habe ich könnte jetzt nicht sagen ich schließe zuerst mal bewegt und dann mein tag könnt ihr gerne es bei der anrechnung ausprobieren dort wird es dann zu falschen anzeigen kommen und der zusammenhang zwischen der hat die datei und der ansicht im browser daneben ich schreibe eine html tag damit es sich um eine html-datei handelt diese schließlich wieder und sage dann zum beispiel in der überschrift h1 das wort hallo mache dann einen umbruch da rein darf ich die der br tag und schreibe dann den text ich bin unter den fett gedruckt tobias und ich schliesse man fettgedruckten tag gut das ganze wird jetzt interpretiert vom webbrowser html-datei wandert dann rein und was der web browser macht der interpretiert jetzt immer diese ganzen tags sofern die natürlich sind taktisch richtig sind jetzt muss man leider feststellen dass hier oben nämlich die spitze klammer zu fehlen wie würde der börse vorgehen der browser erkennt also als allererstes den html tag weiß also hier in dieser html datei befindet sich html quellcode das heißt er weiß jetzt also wieder alles das was hier drin steht zu interpretieren hat besondere art interpretationshilfe für den computer dann sieht er den tag h1 h1 beinhaltet die format eigenschaften große schrift fette schrift und danach ein umbruch das wird interpretiert und diese eigenschaften werden angewendet auf das was zwischen dem öffnenden und schließenden tag steht heißt also das erste was angezeigt wird ist in fetter schrift das wort gut danach kommt automatisch ein umbruch weil das eben in diesem h1 drin ist würde jetzt also hier weitermachen interpretiert den nächsten tag das ist br wir sehen br ist ein öffnender tag wie er hat aber kein geschlossenen tag denn die er selbst ist dafür da um einem umbruch zu erzeugen gut dieser wird interpretiert vom webbrowser und wir gehen in die nächste zeile dort steht jetzt ich bin ich bin hat keine besondere oder wurde keinen besonderen eigenschaften zugewiesen das ist also ganz normal da text ich bin und dann steht dort der nächste tag spitze klammer auf beige bezirk nummer zu das ist ein weg steht dafür dass der text innerhalb eines btx fettgedruckt dargestellt wird da ich kann auch einfach immer einen dickeren stift nehmen also also hier steht dann tobias so lange bis eben der tag beendet ist wäre dann hier der fall und an letzter stelle interpretiert der web-browser hat dass der html quellcode an dieser stelle beendet ist heißt also die darstellung der webseite ist beendet so können wir sehen dass hier ist die kryptische ansicht das ist das was wir im internet aufrufen mehr gibt es dazu eigentlich nicht zu wissen