Webdevelopment HTML at TU Berlin

Flashcards and summaries for Webdevelopment HTML at the TU Berlin

Arrow Arrow

It’s completely free

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

Study with flashcards and summaries for the course Webdevelopment HTML at the TU Berlin

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

What is the code for a h1 heading with a blue background and a white textcolor?

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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?

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

Tell me four important properties for the background if you wanna put an image there in CSS and what they do?

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

What is the scheme to implement an IFrame and how can you exactly make it happen so that a link opens in the iframe?

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

What are the three ways to create layouts in HTML CSS

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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?

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

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

Your peers in the course Webdevelopment HTML at the TU Berlin create and share summaries, flashcards, study plans and other learning materials with the intelligent StudySmarter learning app.

Get started now!

Flashcard Flashcard

Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:

Webdevelopment HTML

What is the code for a h1 heading with a blue background and a white textcolor?

<h1 style="background-color:'blue';color:'white';">

Webdevelopment HTML

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

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

Webdevelopment HTML

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?

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

Tell me four important properties for the background if you wanna put an image there in CSS and what they do?

background-image:  url(urltoapicture); - backgorund-image defines the picture used for the background of a html element. The url can be external or in a folder on your PC.


background-size: width, height or cover; - background-size defines how big the background image is. width and height can be given in pixels, percentage and other metrics. Other optios include cover which tries to set the entire html with the background while trying to keep the ratios of the picture.


background-attachement: scroll or fixed; - basically this means that when the page is scrolled how the background react to it if it is on scroll it stays the you scroll down the picture too if its on fixed the background doesnt change with the scroll of cours e this changes the size for when you use cover because in cover it tries to cover the whole documennt and wiht scroll that is pretty bi and with fixed its always just the visible part.


background-repeat: no-repeat or repeat; describes how the webpage reacts when the picture is to small fo the entire element if its supposed to repeat the picture or not standard-procedure is repeat.

Webdevelopment HTML

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

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

none, disc, circle and square.

Webdevelopment HTML

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

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

Webdevelopment HTML

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

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

Webdevelopment HTML

What is the scheme to implement an IFrame and how can you exactly make it happen so that a link opens in the iframe?

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



Webdevelopment HTML

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

you could change teh meta view port liek so:

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

Webdevelopment HTML

What are the three ways to create layouts in HTML CSS

Floats Flexbox and Gridview. 

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

Webdevelopment HTML

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?

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.

Webdevelopment HTML

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

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

Sign up for free to see all flashcards and summaries for Webdevelopment HTML at the TU Berlin

Singup Image Singup Image
Wave

Other courses from your degree program

For your degree program Webdevelopment HTML at the TU Berlin there are already many courses on StudySmarter, waiting for you to join them. Get access to flashcards, summaries, and much more.

Back to TU Berlin overview page

Rechnernetze und Verteilte Systeme

Softwaretechnik und Programmierparadigmen

Cloud Computing

Diskrete Strukturen

Verteilte System

Systemprogrammierung

Algorithmen und Datenstrukturen

What is StudySmarter?

What is StudySmarter?

StudySmarter is an intelligent learning tool for students. With StudySmarter you can easily and efficiently create flashcards, summaries, mind maps, study plans and more. Create your own flashcards e.g. for Webdevelopment HTML at the TU Berlin or access thousands of learning materials created by your fellow students. Whether at your own university or at other universities. Hundreds of thousands of students use StudySmarter to efficiently prepare for their exams. Available on the Web, Android & iOS. It’s completely free.

Awards

Best EdTech Startup in Europe

Awards
Awards

EUROPEAN YOUTH AWARD IN SMART LEARNING

Awards
Awards

BEST EDTECH STARTUP IN GERMANY

Awards
Awards

Best EdTech Startup in Europe

Awards
Awards

EUROPEAN YOUTH AWARD IN SMART LEARNING

Awards
Awards

BEST EDTECH STARTUP IN GERMANY

Awards