[Playlisten] [Impressum und Datenschutzerklärung]

13.02.2 HTML, XML, JSON


CC-BY-NC-SA 3.0

Tempo:

Anklickbares Transkript:

ich würde noch die beiden wichtigsten Beispiele für formale Sprachen in der Praxis zeigen – HTML – und sehr verwandt damit – XML basierten Sprachen – HTML – finden Sie – ein Dokument – zusammengesetzt – aus – Elementen XML genauso – aber jeweils etwas anders geschrieben – Zweifelsfall – in HTML sind das dann etwa so aus – ?? Elements – Tages Blabla nach ist das Element eine Überschrift – ein Bild ein sechster Platz sich ?? Komma bla hier steht ein Rennen was das für ein Element ist – die nach ?? Tag – ist es gedeckt das Element – ähm – in spitzen Klammern als einfach kleiner größer Zeichen – dann schreiben Sie Text darein – zum Beispiel den Text für einen Absatz – und am Ende sagen sie – okay das ist das Ende vom Element Schrägstrich – der Name des Dax nach ?? steht dann sowas hier wie – P für einen Textabsatz – Schrägstrich B für den Textabsatz H eins fünf Überschrift – erster Ordnung und hier Schrägstrich – H eins – um die Abzüge – zu beenden abzuschließen – und dazwischen finden die Überschrift und Textabsatz – an – den Komma noch weitere Daten mitgeben Attribute nennen sich die – ?? – gäbe – Beistrich das inzwischen schreiben zwei drei vier – ?? das wäre ein Element mit Inhalt – aus solchen Elementen ist danach ein HTML Dokument zusammengesetzt – dürfen auch verschachtelt sein sind sie gleich darauf wieder Element drin stehen – Komma die Begriffe hier das wäre das trägt – der Bezeichner für dieses – Element das hier drinnen ist der Inhalt von Element – das WLAN Attribut ist durch noch mehr Attribute drinstehen – es geht auch ohne Inhalt dass er dann so aus Blatribut – das hätte den Wert zwei drei vier – und kein Inhalt – Punkt das ist auch okay HTML – es endet dann einfach so sind jeweils von dem Typ des Elements ab einige haben Inhaltsangaben – nicht manchen müssen – dürfen – aber – in XML – das ganze etwas strenger aus – XML – wieder so aus wie bla auch der Name des Text dann müssen aber – die Werte in Anführungszeichen – gesetzt sein zwei drei vier – es kommt der Inhalt – und am Ende – steht jetzt wieder auf der Abschluss der tut sich nichts – nur wenn – sein Element ohne Inhalt vorkommt erzwingt XML das Verstehen muss Plan – das Attribut – dürfen Sie mit ?? beschreiben gar das Attribut – und dann den XML das da steht – Schrägstrich – größer sollte man Unterschiede markieren – also XML für Anführungszeichen – haben und es will – bei einem leeren Element – ?? Schrägstrich Amanda – nahm – deshalb verschenkt die Pflicht es gibt auch XML Variante von – HTML – Ex äitsch tie em el XHTML – das muss dann alles auch so aussehen – ?? die klassische Variante von HTML ist sehr großzügig – einige – Sachen HTML die Hypertextmarke – ?? Language – die Auszeichnungssprache – für – Hypertext – und Ex ML – die extensive – erweiterbare – Marke ?? Language – eigentliches XML für sich selbst keine Sprache – Punkt man kann – eigene Sprachen damit formulieren die sehen aber alle so aus – ?? – mit Elementen in spitzen Klammern – und Wasser verschaffte zuletzt einmal in HTML angeguckt – die Seite manchmal auf – das es was sie kennen vom Browser so sehen Sie HTML – typischerweise – dahinter steckt ebenso ein Dokument – in dieser formalen Sprache – die erste Zahl ist ziemlich hässlich – sagt nur was für ?? Typ an – Sprache das ist was wird über Dokument das ist – ignorieren wir – unter den sie ja Elements – mit dem Tag – äitsch tie em el – Davids abgeschlossener – unten – darin steckt ein Element – mit dem Tag hetzt – wegen Header der Kopf – damit abgeschlossen und ein zweites mit dem Namen war die – der Körper – damit es abgeschlossen – den Hashtag wieder eines – mit dem Tag teilte der Titel der Seite – eine geniale Seite – über den hier der auch – auf ?? nicht – Komma – hier sehen Sie den Titel der Seite der Tauch nachher auch als – Lesezeichen auf den Herd – und nicht – als Lesezeichen speichern ?? den ?? den Titel eine geniale Seite – war – Weichtierweichrohr – und – im Körper steht jetzt – der Text der Seite eine Überschrift – H – heißt dann diesen bei Semantik – thematisch als das Original wird eine Überschrift für die Überschrift sei dann kommt P Paragraf – ein Textabsatz – noch ein Textabsatz – dann H eins noch eine Überschrift – sie sehen die Umlaute – anders einstellen aber eigentlich sollten ?? laut erst mal so aussehen Kaufmannsund – U Umlaut – und zwei groß O Umlaut – Semikolon – ist der Code – dann für das große – Mühe – ganz ehrlich Komma sich einstellt und großes Ü reinschreiben – aber das ist die – schönere – saubere Variante – universeller Varianten – an – sie können diese Elemente verschachtelt verschaffen verschafften – wie sie sich das mal ?? ?? Komma gerade auf – der steht nämlich netterweise – ein Baum – diese Dokumente bilden ein Baumsystem was außen die Wurzel sein muss – die Wurzel des HTML – HTML – Mail – in der Wurzel gibt es jetzt zwei Kinder nämlich einmal äh – und einmal war die – in dem Heft gibt es noch ein Kind das ist das derzeitige – dürfen – demnach auch unsäglich viel mehr drin aber – lassen es dabei – und in dem badisch stehen jetzt – fünf Kinder können – ?? hat eine Überschrift erster Ordnung H eins – und ein Textabsatz – und noch ein Textabsatz – und eine weitere Überschrift erster Ordnung und noch einen – Textabsatz – das gilt für – alle HTML – und – XML Dokumente – die müssen an sauberen Baum wird – durch automatisch weite Verschachtelung des erzwingt – sie können nicht – arm – dieses Badetag mitten in der Überschrift zu machen dass bei Deck muss nach der Überschrift zugemacht werden und dann ergibt sich automatisch diese Baumstruktur – vor – allem das Weite suchen zeige ich einmal gerade noch – XML das wäre – jetzt im HTML XML kriegen sie zum Beispiel – wenn sie einfach Open Office aufmachen – Officeoffizier – den – Text Komma – dass Beistrich – unter – einem sehr ?? Namen – und wenn sie da reingucken – in die Datei da gerade geschrieben worden ist dazu müsste die ganz dreist umbenennen auf Sieb – die doppelklicken würden wir dir wieder Open Office aufgehen – in die Antarktis im siebten Rennen – ohne Rücksicht auf Verluste und da reingucken – in das Web – stellte fest ?? – was ihn das Programm einfach geschrieben hat – ist eine Sammlung von – XML Dateien eigentlich – ?? sie nicht mitgeteilt – war Komma zum Beispiel – uns den Inhalt konnten dann umgesetzt als das scheinen also die – Formatierung abgespeichert zu sein wir können bei den Content rein gucken vielleicht erst mal mit der normalen – noch ein Texteditor – und so – konnte – und sie sehen aber – es vermisse übersichtlich unübersichtlich – bis unübersichtlich hier – habe er – auch – irgendwo – irgendwo geht das los hier mit – spitzen Klammern – ist etwas übersichtlicher – wenn man das – in einer Baumansicht aufmacht zum Beispiel mit dem Internet Explorer – sie nehmen diese Datei – und sind den auf den Internet Explorer – öffnete die in einer Baumansicht – waren – gar nicht in die einzelnen – Unterabteilung – des Baums auf und zu klappen Punkt – das sieht dann aus wie HTML – aber – uns die Royals – mit allen möglichen Ergänzungen – suchen worauf der Text ist irgendwo soll auch der Text ein Text – irgendwo steht tatsächlich unser Text drin war schön eingerahmt – von – Text – ?? das Prinzip sehr ähnlich wie HTML – auch eine formale Sprache das virtuelle – XML sind alle schön in Anführungszeichen – setzt immer schön – Schrägstrich vor dem Abschluss – abschließend solche Nummern formale Sprache zeigen die mir nun kommt Jennys – Javascript – Objekt lutherischen – unanständigen – Essen gesprochen – ist deutlich schlanker als die XML-basierten – Formate – und wird deshalb mehr und mehr insbesondere – Internetanwendungen – verwendet – wann was auch Javascript – in Javascript eingebaut ist – auch in mir und mir andere Internetumgebungen – eingebautes – Javascript – ist ja die Sprache – die Programmiersprache – für HTML Seiten – Komma die – das Beispiel von ihm jetzt im Firefox – zwei von ihm aber etwas interniert – ?? – Quelltext – HTML wie eben – jetzt kommt aber – eine weitere Sprache mitten rein Javascript – ?? außen HTML – hier sage ich okay – Beistrich nun kommt eine Portion Javascript – von da hinten – ist da – und die zweite mit HTML – damit das ganze professionell aussehen müssen um Business zu schreiben so funktioniert es – mich plötzlich überfrachtet unterstellt – ?? den HTML noch eine andere Sprache ein Javascript die Programmiersprachen – für – Webseiten – und diese Programmiersprache – verwende ich jetzt – Javascript – Objekt lutherischen Jason was hier steht dieser Teil hier – ist die Beschreibung – von Daten in dieser Javascript – Objekt lutherischen – Schicht eine Variable ein – Komma – da soll dann – kompliziertes – drinstehen – analog zu einem Strack C – ein Titel zu Titel sein Datum zur Erstattung seiner Uhrzeit des Urzeit – eine Location – ist wieder eine Struktur mit Adresse Ort und Postleitzahl – angegeben – Teilnehmer – sondern sein – Kind dessen mit der eckige Klammer auf – und jeder Eintrag in diesem Film – hat – Nachname und Vorname jeder Eintrag ist wieder eine Struktur – und dass sie Strukturen – Beistrich benannt wären wie Personen oder ?? – sagen würde was in diesem Erregertypen – drin steht die schreiben nur die Daten – benennen diese Typen aber nicht – das Komma ?? und Aktionen gucken – wir den – Feiertag Anmache den muss man sich getrennt installieren Punkt auch nimmt Buck ihren – Laden – so – verpackt wie der Name sagt ist der Debugger – für – Webseiten – suche ich jetzt eigentlich – also – können meine variable Arm – der Arbeitsstätte – Winter steckt in meiner Variable atmen – genau was ich hier gesagt ?? kaufte in der variablen ?? auf oberster Ebene nationalen Titel an Datum und Uhrzeit der privat Uhrzeit alphabetisch sortiert – werden Location und Location – hat für sich wieder Adresse Ort Postleitzahl – und den Teilnehmern – eine Liste zwei Einträge ?? null eins ?? Komma eins – der ?? – endlich – der zweite Eintrag ist klar – Punkt – das ist – Jason – also einer – rechts – knappe – Sprache – Punkt ihr seht ist Jason – das eine recht knappe Sprachdaten – gegart praktisch beliebige Haar zu übertragen – und – das ganze etwas – war nicht etwa sondern deutlich schlanker als das mit XML basiert