Webdevelopment HTML at TU Berlin | Flashcards & Summaries

Select your language

Suggested languages for you:
Log In Start studying!

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

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 two properties can you to set to specify what will displayed  before a listitem? and give me some examples for their values.

Lösung anzeigen
TESTE DEIN WISSEN

You could set the list-style-type or the list-style-image property like so 

list-style-image:url('mypicture.png');

or list-style-type:

  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • lower-greek
  • lower-latin
  • lower-alpha
  • upper-alpha

;

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 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

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 is the scheme to implement an IFrame and how can you exactly make it happen so that a link opens in the iframe?

Lösung anzeigen
TESTE DEIN WISSEN

With an iframe it is possible to open a webpage inside a container of the webpage like so e.g.:

<iframe src="somelink.de" style="border: 1px solid black; width:90%; height: 20%;" name= "iframe1">

<a href="this is another link" target="iframe1">



Lösung ausblenden
TESTE DEIN WISSEN

What should you do to ensure many diferrent device sizes get different Zoom levels?

Lösung anzeigen
TESTE DEIN WISSEN

you could change teh meta view port liek so:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

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

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

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
  • 74007 Karteikarten
  • 2322 Studierende
  • 58 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:

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 two properties can you to set to specify what will displayed  before a listitem? and give me some examples for their values.

A:

You could set the list-style-type or the list-style-image property like so 

list-style-image:url('mypicture.png');

or list-style-type:

  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • lower-greek
  • lower-latin
  • lower-alpha
  • upper-alpha

;

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 
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

Mehr Karteikarten anzeigen
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 is the scheme to implement an IFrame and how can you exactly make it happen so that a link opens in the iframe?

A:

With an iframe it is possible to open a webpage inside a container of the webpage like so e.g.:

<iframe src="somelink.de" style="border: 1px solid black; width:90%; height: 20%;" name= "iframe1">

<a href="this is another link" target="iframe1">



Q:

What should you do to ensure many diferrent device sizes get different Zoom levels?

A:

you could change teh meta view port liek so:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

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:

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:

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>

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

Development

Universität Tübingen

Zum Kurs
development

Porterville College

Zum Kurs
Web Development

Hochschule der Medien Stuttgart

Zum Kurs
Web Development 2

Universidad Austral Buenos Aires

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