1.3.4 - Web Technologies Flashcards
What is HTML?
HTML is the language/script that web pages are written in.
What does HTML do?
HTML allows a browser to interpret and render a webpage for the viewer by describing the structure and order of the webpage.
What does < html > do?
All code written within these tags is interpreted as HTML.
What does < body >do?
Defines the content in the main content area of the webpage
What does < link > do?
Used to link to additional files, including CSS stylesheets
What does < head > do?
Defines the browser tab or window heading area
What does do?
Defines the text that appears with the tab or window heading area
What does <h1>, <h2> and <h3> do?</h3></h2></h1>
Heading styles in decreasing sizes
What does <p> do?</p>
<p> is used to define a paragraph separated with a line space above and below. </p>
What does <img></img> do?
<img></img> is used for images. This is a self-closing tag, which means that there is no need to
include a closing tag () when using it.
How does <img></img> work?
<img></img>
What is <a> ?</a>
<a> is an anchor tag that defines a hyperlink with the location parameter, and is laid out in
the following form:
</a><a> link text </a>
What does <ol> do?</ol>
<ol> is used to define an ordered list. Each element within the list is defined using the <li>
tag. </li></ol>
What does <ul> do?</ul>
<ul> defines an unordered list. Again, each element within the list is defined using the <li>
tag. </li></ul>
What does <div> do?</div>
<div> divides a page into separate areas, each which can be referred to uniquely by name. The following syntax is used when creating a division with the name page: <div></div></div>
What are classes (web)?
Attributes given to multiple attributes in a webpage to style them in a particular way. Defined within the head of a webpage or a linked CSS style sheet.
Why are classes good (web)?
Elements can follow a consistent style, and the styling/ formatting only has to be defined
once.
How are classes defined and used.(web)?
.example {
background-color: green;
border: 1px solid black;
}
<div>
<p> This paragraph will have a green background and a black
border </p>
</div>