Webdevelopment HTML at TU Berlin
Flashcards and summaries for Webdevelopment HTML at the TU Berlin
It’s completely free
4.5 /5
4.8 /5
4.5 /5
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?
<h1 style="background-color:'blue';color:'white';">
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?
font-size, color, font-family, text-align
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?
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>
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?
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.
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?
the property is list-style-type and it can have the values:
none, disc, circle and square.
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?
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
Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:
What are two nonsemantical html-elements typically used for styling?
div for styling a block-type element and span for inline-type element.
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?
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">
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?
you could change teh meta view port liek so:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Exemplary flashcards for Webdevelopment HTML at the TU Berlin on StudySmarter:
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.
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?
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.
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.
The percentage is according to the parent. Its better because it doesnt overflow over the parent element when the screen get smaller.
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!
