DIME 333

Question	Answer
wie öffnet man ein HTML Tag?	< (...) >
wie schließe ich ein HTML Tag?	</ (...) >
Wie bezeichnet man die erste/oberste/wichtigste Headline?	<h1> </h1>
welchen Tag hat ein Paragraph/Absatz?	p
wie lege ich eine neue index.html an ?	Desktop--> Sites verwalten -->neue Site --> Dialogfeld ausfüllen
Wie heißt der Tag für einen Link?	<a href="Link"> Text </a>
Wie kann ich schnell und einfach eine ganze Zeile markieren?	Durch klicken auf die Zahl der Zeile
Was wird im "head" gemacht?	Im head befindet sich alles was zur Website gehört, aber auf der Website selbst nicht erscheint. (Text im Reiter, Anzeigebild bei Google, Copy Rights usw. )
Was wird im "body" gemacht?	alles was in der Website zu sehen ist (Texte, Bilder, ..)
Wie füge ich ein Bild aus dem Internet ein?	Man kopiert die Bildadresse via Rechtsklick und macht dann das Tag <img src ="Bildadresse" alt="Beschreibungstext">
Nenne 3 HTML Tags die nicht geschlossen werden	- img Tag (Bilder einfügen) - br Tag ( break in einem Textabschnitt) - <meta charset="uf-8"> (sagt Browser dass wir in Mitteleuropa sind)
Was habe ich für Möglichkeiten wenn ich einen Pargraphen (<p>) in HTML wichtiger gestalten möchte als ein anderes?	<strong> und <b> (bold)
was ist der Unterschied zwischen <strong> und <b> bei der Gestaltung eines Paragraphen?	<b> steht nur für Bold als fett. es wird also in jedem Browser gleich dargestellt. <strong> steht nur für wichtig und jeder Browser kann für sich selbst entscheiden wie er wichtig markiert (rot, fett, kursiv ....)
Wie kann ich zwei gleiche Tags (z.b. zwei Paragraphen) in CSS voneinander getrennt gestalten?	Indem ich eine Klasse verleihe: <p class="Klasssenname">
was gibt es für unterschiedliche Listenarten und warum heißen sie so in HTML?	<ul> --> unordered list, ungeordnete Liste (Punkte, Striche usw als Aufzählungszeichen) <ol> --> ordered list, geordnete Liste (Nummerierung, Alphabetisiereung...)
Was macht das <br> Tag?	<br> steht für break. Es sorgt für den Umbruch innerhalb eines Textabschnittes OHNE ERHÖHTEN ZEILENABSTAND
Was muss ich wo einfügen damit dem Browser vermittelt wird, dass wir uns in Mitteleuropa befinden (für z.B. ä, ö, ü)?	Ganz oben im head <meta charset="uf-8">
Wofür steht CSS?	Cascading Style Sheets
Welches Tag bestimmt die Gestaltungsregeln?	der <style> Tag im head (bzw.: <style type="text/css")
Wie könnte man "{" übersetzen?	"sieht aus"
Warum steht bei "font family" mehr als eine Schrift dahinter?	Wenn die erste Schrift auf dem Computer (des Consumers) nicht gespeichert ist, wird die zweite verwendet, dann die dritte usw.
wofür steht ";"?	Anwendung zuende ! wichtig nie vergessen !
mit welchem style tag kann ich die Schrift kursiv, fett oder ähnliches machen?	font-style
wie kann ich die Schrift in einem Textabschnitt meines HTML Codes mittig, linksbündig oder zentriert machen?	text-align
Was macht "text-decoration"?	ich kann einstellen ob der text unterstrichen, überstrichen oder durchstrichen sein soll
mit welchem style tag kann ich die Schriftfarbe anpassen?	color
Wenn ich einen normal geschriebenen text spontan doch alles in Großbuchstaben geschrieben haben möchte wie muss ich vorgehen?	Bei style text-transform: capitalize
Wie kann ich die dicke der Schrift anpassen ?	mit dem style tag font-weight
was ist der unterschied zwischen margin und padding?	Padding beschreibt den innenabstand einzelner Objekte (z.b div boxen), margin der Außenabstand bzw die Fläche ums Objekt die frei sein muss
wie kann ich ein Hintergrundbild bei meiner Website einfügen?	Ich gehe in den head in den bereich style, mache innerhalb des bereiches einen neuen bereich mit body und da rein mache ich den tag background-image: url (Bild.jpg)
Wie blende ich im CSS eine Zeile aus?	/* indem man ihn so behandelt */
wie werden Sonderzeichen in HTML eingeleitet und ausgeleitet?	&Sonderzeichen;
wie kann ich vorgehen wenn ich einen vergrößerten Abstand zwischen einzelnen Zeilen oder Wörtern haben möchte? (Sonderzeichen)	non-breaking-space
wozu braucht man einen "span"?	Ein span hat keine eigenen Eigenschaften in HTML, sondern nur die die im CSS festgelegt wurden (ähnlich zu div)
Nenne 3 Möglichkeiten eine solche Darstellung im HTML Code zu erreichen: Text1 Text2 Text3	- mit einem non-breaking-space - mit einem span/ div - mit einer Liste
Wie muss ich vorgehen wenn ich die einzelnen Punkte einer Liste nicht untereinander stehen haben will, sondern nebeneinander?	<style> li { display: inline}
Wie muss ich vorgehen wenn ich mehrere span Objekte untereinander haben möchte?	<style> span {display: block}
wie unterscheiden sich span und div im Bezug auf inline und block?	<div> sind eher inline <span> eher block
Was kann ich tun wenn ich eine Schrift verwenden will, die ich nicht gespeichert habe?	fonts.google.com Schriift suchen und code kopieren und einfügen
Was ist eine <div>?	Ein neutraler Arbeitsbereich dem ich CSS Eigenschaften zuweisen kann ( Rahmen, Höhe, Weite..)
wie heißt das style tag zum einfügen eines Rahmens?	border
Nenne 2 Möglichkeiten ein HTML Objekt zu klassifizieren	- id -class
Wie unterscheiden sich id und class?	id ist ein einmaliges Ereignis, class kann öfter verwendet werden --> class ist üblicher
Wenn ich eine border einfügen will, wie schreibe ich das in css?	border: Breite Art Farbe z.B. border: 1px solid black
Wie bekomme ich bei einer Liste die Aufzählungszeichen weg?	<style> ul {list-style: none}
Wie muss/sollte meine arbeitsreihenfolge sein, wenn ich mit HTML und CSS arbeite?	Immer zuerst alles in HTML rein schreiben und danach erst mit CSS gestalten.
in welcher Reihenfolge kommen links, rechts, oben und unten wenn ich bei zb. margin jeden wert einzeln bestimmen will?	margin: top right bottom left
Wann sollte <br> verwendet werden ?	Generell nur selten und nur bei abgeschlossenen Sinnabschnitten also zb nicht beim Zeilenumbruch. (Verwendung zb bei Adressen)
wenn ich bei margin nur eine Zahl angebe: margin: 10px, was passiert dann?	ALLE Seiten des Objekts bekommen einen Abstand von 10 Pixeln
Wie groß ist der Abstand zwischen 2 boxen wenn beide mit margin 10px belegt sind?	Abstand zwischen den Boxen beträgt 10px da beide Abstände sich sozusagen überlappen
was bewirkt der Befehl "float-left"? (bzw float-right)	Alle Objekte füllen sich bis zum zeilenumbruch von links auf (bei float-right von rechts)
was passiert wenn in ein "float-left-konstrukt" eine neue Box ohne Float Eigenschaften eingefügt wird?	Die neue box setzt sich nach ganz oben und ignoriert die float boxen
wie lösche bzw beende ich einen floating befehl?	clear: both
in was für ein virtuelles Design teil bootstrap eine Seite auf?	Die Website wird in ein virtuelles 12-Spalten-Design geteilt
was macht ein container?	Ein container verwandelt deine Website in ein "boxed design". D.h. dass seitliche Begrenzungen vorhanden sind. (Gegenteil wäre white design --> läuft über ganze website)
Kann man ein boxed design und ein white design innerhalb einer website mischen?	ja, das ist möglich.
Wie mach ich das 12 Spalten Design nutzbar für meine Website?	1. Auf bootstrap startseite codes kopieren 2. Codes einfügen obere Zeile im head (nicht style) 3. In Body: <div class="container"> <div class="col-md-6">
Wie füge ich ein Objekt aus Bootstrap in meine Website ein ?	Standart bootstrap aufbau aus startseite einfügen dann Einfügen --> bootstrap-komponente ---> gewünschte Auswählen
Wie gehe ich vor wenn ich meinen Code neu sortieren will ? (Im Bezug auf Einrückungen)	shift + tab rückt alles nach links Bearbeiten -> code -> Quellenformatierung anwenden Voreinstellungen -> Codeformat -> 1 Tab
Was versteht man unter "parent" im Bezug auf flexboxen ?	parent bezeichnet die css eigenschaften die man dem Flexcontainer zuweisen kann.
Was versteht man unter "children" im Bezug auf flexboxen ?	children bezeichnet die css eigenschaften die man den Flxitems zuweisen kann.
welche Eigenschaften kann man dem Flexcontainer zuweisen?	display: flex flex-flow justify-content align-content align-items
Welche Eigenschaften kann man den flexitems zuweisen ?	order flex align-self
Wie erreiche ich dass alle divs in einer Reihe stehen ? (Thema Flexbox)	im head bei .parent display: inline flex
was ist der Vorteil von display: inline flex im Vergleich zu display: inline?	bei display inline flex verschieben sich die boxen in die nächste reihe bei inline werden sie ausgeblendet
was bedeutet flex-flow: row wrap?	row = flex-direction wrap= flex-wraps -> Objekte die beim kleinziehen der Seite verschwinden würden gehen in die nächste Zeile
Was bedeutet wrap zu deutsch?	Umbruch
was bewirkt row-reverse?	genau wie row nur in die umgekehrte Richtung
Was passiert wenn man row durch column ersetzt?	row= zeile column = spalte
Was bestimmt align-items?	Die Position der Kästchen nur auf der cross achse
was muss ich angeben wenn ich möchte dass die dinge innerhalb der flexitems von links angeordnet sind?	align-items: flex-start
was wurde hier angegeben? (flexbox) Image: 0 1 H 6ah9 J Ya Bv4rgq (binary/octet-stream)	align-items: center
wie kann ich die einzelnen Flexboxen in der Seite mittig zentriert anordnen? (x-achse)	justify-content: center
wie kann ich mir die einzelnen Optionen für ein Styleelement anzeigen lassen?	strg + Leertaste
Waas bedeutet Semantik in unserem Zusammenhang?	Das Gespür für die richtige Deutung von Text Wann ist es angemessen welches Tag zu verwenden
Gibt es beim programmieren einen richtigen und einen falschen weg?	Nein. Es muss nur Sinn für dich ergeben und du musst es verstehen
Was ist der Unterschied zwischen display: inline und float:left?	Darstellung und Verhalten genau gleich, aber inline Elemente sind "schwache Elemente". Das Element wird herunter degradiert und man kann Farbe usw nicht anpassen (nur bei block möglich). Float dagegen ist mächtiger da alle Elemente block Elemente bleiben und stylebar sind.
<h1> Das ist <strong> eine </strong> Überschrift </h1> Darstellung: eine Zeile, kein unterschied. was muss ich tun damit ein Unterschied sichtbar ist?	Wenn man aus dem <strong> Tag bzw drum herum eine div macht
Wann spricht man von einer schlechten Semantik?	Wenn es sowohl im HTML Code als auch im CSS Code richtig ist, es aber trotzdem keinen Sinn ergibt. z.B. eine wichtigere Überschrift in eine weniger wichtige einbauen
Was bestimmt die floating Eigenschaft eines Elements?	Die floating Eigenschaft bestimmt nicht wie ein Elemtent fließt sondern wie es umflossen werden soll. Also: Float:left entspricht NICHT linksbündig
wie erstelle ich eine horizontale Linie und um was für ein Element handelt es sich (block oder inline)?	<hr> block Element
body: text-color: red h1: text-color: blue in welcher Farbe erscheint die Überschrift?	in blau, da konkrete Befehle immer über allgemeinen Befehlen stehen
body: text-color: red text-color : blue in welcher Farbe erscheint der Text?	in blau. Es zählt immer der unterste Befehl
Was ist Github (einfach)?	Wie eine Art Dropbox für Code
Was ist ein Git?	ein versionierungs Tool
was ist ein repository?	Ein permanten gespeichertes Protokoll/ Versionsverlauf Der ordner in seinem zeitlichen Verlauf
Wozu dient ein repository?	online können mehrere Personen miteinander an einer Website arbeiten, man kann auf vorherige Versionen zurückgreifen
Wie nutze ich Github?	Wenn ich eine Änderung vorgenommen habe -> commit (benannter Zwischenstand auf eigenem Rechner)-> push -> commit wird online geladen -> pull -> Leute können Neuerungen herunterladen
Wie kann ich bei einer neuen Seite die ich anlege die Github-Funktion aktivieren?	Häckchen bei git repository setzen
Kann jede Software auch Commits pushen und pullen?	Jede Software die mit gits arbeiten kann
Wie ist der Grundaufbau jeder Seite ?	Image: Unbenannt 1 (binary/octet-stream)
Welche Farbe hat "welche Farbe" im Body? Image: Unbenannt 1 (binary/octet-stream)	Grün weil am spezifischsten
Wofür steht die Abkürzung HTML?	Hyper Text Markup Language
Wie sieht das box modell aus?	Image: Image (binary/octet-stream)

Next up

Description

Resource summary

Similar

	Created by Marina Aigle about 6 years ago