Html CSS Flashcards
Vad ÄR HTML?
Ett dokument som beskriver strukturen på en webbsida genom att använda taggar. Det är även grunden av webbutveckling.
Vad betyder HTML?
Hyper Text Markup Language
Vad saknas i stjärnorna?
<a *****=”placera länk till sidan här”>Skriv din text här</a>
href
Vad gör en HREF?
Den skapar en kod som gör att en länk skapas till en annan sida
Vad betyder HREF?
Hypertext Reference
Vad är de två huvuddelarna i ett HTML-dokument?
Head och body
Vad innehåller head?
metadata och länkar till externa resurser
Vad innehåller body?
Det innehåller det innehåll som faktiskt visas för användaren
Vad är ett inline-element?
Ett element som inte startar på en ny rad, till exempel <span>.</span>
Vad är en GRID?
En tvådimensionell layoutmodell
Vad är GRID lämpligt för?
För att dela in i layout rader och kolumner
Vilka två klasser består en GRID utav?
Den består av 2: en container och en item.
Vad får man inte glömma i containern för att specificera att det är grid?
display: grid;
Vad betyder 1fr i grid?
25% av det totala utrymmet i containern.
Vad kallas utrymmet mellan rader och kolumner i en GRID?
Det kallas för gap. Column-gap och Row-gap
Gap mellan rader och kolumnerna vad kan de även kallas?
Lines.
Vad anger du om du vill ha både rows och columns?
grid-area
Vad betyder följande? :
.item{
grid-area:1/2/5/6;
}
Att item startar på rad 1 column 2 och slutar på rad 5 column 6.
Vad är en Flexbox?
En endimensionell modell
Varför behövs detta?
För att alla ska kunna ha tillgång till information på ett snabbt sätt
Vad är det första du gör på i en html kod?
Deklarera DOCTYPE
Vad är DOCTYPE?
Det är en “information” till webbläsaren om vilken dokumenttyp man kan förvänta sig.
Hur ska taggar och attribut skriva om man följer webstandard?
Det skrivs i små bokstäver. Attribut ska ha värden i sig.
Hur kan man validera sin hemsida?
Via en W3 validator.
Hur används en webbstandard? Vad står för innehåll, presentation och beteende?
HTML = innehåll
CSS = presentation
Javascript/DOM = beteende
Vad är en Call to action?
En Call to Action (CTA) på en webbplats är en instruktion till besökaren för att uppmuntra dem att vidta någon form av åtgärd. Tex: “prenumerera på vårt nyhetsbrev”
Vad är en html-tagg?
En uppsättning tecken som utgör ett formaterat kommando för en webbsida. I kärnan av HTML ger taggar anvisningar eller recept för det visuella innehållet som man ser på webben.
Vad är speciellt med en paragraf?
Den har en inbyggd margin ovanför och under sitt innehåll.
Vad används en div-tagg till?
För att gruppera flera taggar i syfte för klasser och CSS.
Vad är GIT?
GIT är en version control system (VCS) som tillåter oss att spara olika versioner av filer och projekt.
Vad är en branch?
Det är en eller flera utgreningar dvs en annan version av en fil eller projekt.
Vad är fördelen med Git om man är flera användare?
Flera användare kan uppdatera arbetet samt se vems om gjort vilka uppdateringar-
Vad är en GIT repository?
Det är en samling filer som är tillsammans i GIT. När en uppdatering sparas så inkluderas allt i repositoryn.
Hur sparar man filer i GIT?
Man sparar med Commit.
Hur skapar du en repository i din lokala mapp?
Med $git init
Vad ska man nämna filen där man skriver in vilka filer man vill ignorera i git?
.gitignore
Hur gör du när du vill slå ihop grenen eller grenarna till master?
$git merge <branch> -m</branch>
Vad är Bootsrap?
Ett ramverk i HTML
Vad är klassnamnen i Bootstrap?
Row and col
Vad är det för skillnad mellan container och container-fluid?
.container ger en responsiv behållare med fast bredd
.container-fluidtillhandahåller en behållare med full bredd som spänner över hela bredden av visningsporten
Vad är Jumbotron?
En stor box som uppmärksammar något i BS.
Vad är Modal?
Något som används för att ge ett meddelande till användaren
Vad innehåller en Modal?
En modal-header, body och footer. Även ett X för att stänga.
Vad är en Carousel?
Något som används för att bläddra igenom flera objekt i en lista med hjälp av höger och vänsterpil.
