Webdevelopment HTML at TU Berlin | Flashcards & Summaries

Lernmaterialien für Webdevelopment HTML an der TU Berlin

Greife auf kostenlose Karteikarten, Zusammenfassungen, Übungsaufgaben und Altklausuren für deinen Webdevelopment HTML Kurs an der TU Berlin zu.

TESTE DEIN WISSEN

How can you use radio buttons exactly?

Lösung anzeigen
TESTE DEIN WISSEN

you should define for every radio button the same name but a different value that will be send if that radio button is enabled and ists also good pracitice and better visible what each radio button means if they havbe a label like so :
<form>

<label for= "IDOFBhutan"> Bhutan glory </label>

<input type= "radio" name="favoritebutterfly" id ="IDOFBhutan" value ="Bhutanglory"> <br>

 

<label for= "IDOFKaiser-i-hind "> Kaiser-i-hind </label>

<input type= "radio" name="favoritebutterfly" id ="IDOFKaiser-i-hind " value ="Kaiserihind "> <br>

 

Lösung ausblenden
TESTE DEIN WISSEN

What are the properties for the size, the color, the font-family and the horizont-alignment of a text?

Lösung anzeigen
TESTE DEIN WISSEN

font-size, color, font-family, text-align

Lösung ausblenden
TESTE DEIN WISSEN

How can you exactly set specific properties only when a certain pixelwidth is present?

Lösung anzeigen
TESTE DEIN WISSEN

For that you would use media queries for example if you wanted certain css rules only to apply when the width of the screen is below 600 px:

@media only screen and (max-width:620px){

css.selectors{

css-property: property-value;

...;

}

}

Lösung ausblenden
TESTE DEIN WISSEN

What is the one special property that outline has but border hasnt and what can you use it for?

Lösung anzeigen
TESTE DEIN WISSEN

outline-offset basically makes a transparent outline up to a certain point and then only starts the real outline.

Lösung ausblenden
TESTE DEIN WISSEN

What are five different semantical Block elemnts that can be used instead of div and what do they describe?

Lösung anzeigen
TESTE DEIN WISSEN
  • <header> - Defines a header for a document or a section
  • <nav> - Defines a container for navigation link
  • <section> - Defines a section in a document
  • <article> - Defines an independent self-contained article
  • <aside> - Defines content aside from the content (like a sidebar)
  • <footer> - Defines a footer for a document or a section
  • <details> - Defines additional details
  • <summary> - Defines a heading  for the <details> element 
Lösung ausblenden
TESTE DEIN WISSEN

What are two nonsemantical html-elements typically used for styling?

Lösung anzeigen
TESTE DEIN WISSEN

div for styling a block-type element and span for inline-type element.

Lösung ausblenden
TESTE DEIN WISSEN

How exactly can you make an list be ordered by roman numbers? And what othe options do you have?

Lösung anzeigen
TESTE DEIN WISSEN

You would use the type attribute in the ol tag like so 

<ol type= "I">

<li>bla</li>

</ol>

Other options are:

a for letters

A for uppercase letter 

1 for numbers 

i for lowercase roman numbers

Lösung ausblenden
TESTE DEIN WISSEN

Which are the properties to specify the distance from the content to its containing box, the distance to other boxes and what is the schema?

Lösung anzeigen
TESTE DEIN WISSEN

Padding is used for the distance from a content to its containing box <style> p {padding: 5px;} </style>

margin is the distance to neighboring boxes <style> p {margin: 5px;} </style>

Lösung ausblenden
TESTE DEIN WISSEN

If you dont want an image to scale more than to a certain point dependant on its orignial size, which property could you use and exactly how?

Lösung anzeigen
TESTE DEIN WISSEN

max-Width or max-height: to whatever it shouldnt scale higher as its original size. It will try to keep its proportion when the window gets smaller and scale down.

Lösung ausblenden
TESTE DEIN WISSEN

What are the three ways to create layouts in HTML CSS

Lösung anzeigen
TESTE DEIN WISSEN

Floats Flexbox and Gridview. 

Floats is the easiest but most unflexible the other one are newer but are not supported by older browsers.

Lösung ausblenden
TESTE DEIN WISSEN

What does the percentage mean in width and height and why is it better to use those than fixed values.

Lösung anzeigen
TESTE DEIN WISSEN

The percentage is according to the parent. Its better because it doesnt overflow over the parent element when the screen get smaller.

Lösung ausblenden
TESTE DEIN WISSEN

What is the property to style an unordered list and what value can it have?

Lösung anzeigen
TESTE DEIN WISSEN

the property is list-style-type and it can have the values:

none, disc, circle and square.

Lösung ausblenden
  • 45603 Karteikarten
  • 1752 Studierende
  • 54 Lernmaterialien

Beispielhafte Karteikarten für deinen Webdevelopment HTML Kurs an der TU Berlin - von Kommilitonen auf StudySmarter erstellt!

Q:

How can you use radio buttons exactly?

A:

you should define for every radio button the same name but a different value that will be send if that radio button is enabled and ists also good pracitice and better visible what each radio button means if they havbe a label like so :
<form>

<label for= "IDOFBhutan"> Bhutan glory </label>

<input type= "radio" name="favoritebutterfly" id ="IDOFBhutan" value ="Bhutanglory"> <br>

 

<label for= "IDOFKaiser-i-hind "> Kaiser-i-hind </label>

<input type= "radio" name="favoritebutterfly" id ="IDOFKaiser-i-hind " value ="Kaiserihind "> <br>

 

Q:

What are the properties for the size, the color, the font-family and the horizont-alignment of a text?

A:

font-size, color, font-family, text-align

Q:

How can you exactly set specific properties only when a certain pixelwidth is present?

A:

For that you would use media queries for example if you wanted certain css rules only to apply when the width of the screen is below 600 px:

@media only screen and (max-width:620px){

css.selectors{

css-property: property-value;

...;

}

}

Q:

What is the one special property that outline has but border hasnt and what can you use it for?

A:

outline-offset basically makes a transparent outline up to a certain point and then only starts the real outline.

Q:

What are five different semantical Block elemnts that can be used instead of div and what do they describe?

A:
  • <header> - Defines a header for a document or a section
  • <nav> - Defines a container for navigation link
  • <section> - Defines a section in a document
  • <article> - Defines an independent self-contained article
  • <aside> - Defines content aside from the content (like a sidebar)
  • <footer> - Defines a footer for a document or a section
  • <details> - Defines additional details
  • <summary> - Defines a heading  for the <details> element 
Mehr Karteikarten anzeigen
Q:

What are two nonsemantical html-elements typically used for styling?

A:

div for styling a block-type element and span for inline-type element.

Q:

How exactly can you make an list be ordered by roman numbers? And what othe options do you have?

A:

You would use the type attribute in the ol tag like so 

<ol type= "I">

<li>bla</li>

</ol>

Other options are:

a for letters

A for uppercase letter 

1 for numbers 

i for lowercase roman numbers

Q:

Which are the properties to specify the distance from the content to its containing box, the distance to other boxes and what is the schema?

A:

Padding is used for the distance from a content to its containing box <style> p {padding: 5px;} </style>

margin is the distance to neighboring boxes <style> p {margin: 5px;} </style>

Q:

If you dont want an image to scale more than to a certain point dependant on its orignial size, which property could you use and exactly how?

A:

max-Width or max-height: to whatever it shouldnt scale higher as its original size. It will try to keep its proportion when the window gets smaller and scale down.

Q:

What are the three ways to create layouts in HTML CSS

A:

Floats Flexbox and Gridview. 

Floats is the easiest but most unflexible the other one are newer but are not supported by older browsers.

Q:

What does the percentage mean in width and height and why is it better to use those than fixed values.

A:

The percentage is according to the parent. Its better because it doesnt overflow over the parent element when the screen get smaller.

Q:

What is the property to style an unordered list and what value can it have?

A:

the property is list-style-type and it can have the values:

none, disc, circle and square.

Webdevelopment HTML

Erstelle und finde Lernmaterialien auf StudySmarter.

Greife kostenlos auf tausende geteilte Karteikarten, Zusammenfassungen, Altklausuren und mehr zu.

Jetzt loslegen

Das sind die beliebtesten StudySmarter Kurse für deinen Studiengang Webdevelopment HTML an der TU Berlin

Für deinen Studiengang Webdevelopment HTML an der TU Berlin gibt es bereits viele Kurse, die von deinen Kommilitonen auf StudySmarter erstellt wurden. Karteikarten, Zusammenfassungen, Altklausuren, Übungsaufgaben und mehr warten auf dich!

Das sind die beliebtesten Webdevelopment HTML Kurse im gesamten StudySmarter Universum

Developmental

Griffith University

Zum Kurs
Drug development

Hochschule Bonn-Rhein-Sieg

Zum Kurs
Developmental

University of Hertfordshire

Zum Kurs
child development

University of South Africa

Zum Kurs

Die all-in-one Lernapp für Studierende

Greife auf Millionen geteilter Lernmaterialien der StudySmarter Community zu
Kostenlos anmelden Webdevelopment HTML
Erstelle Karteikarten und Zusammenfassungen mit den StudySmarter Tools
Kostenlos loslegen Webdevelopment HTML