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>
What are identifiers?
Identifiers are a unique name given to an element on a web page.
Whereas a class name can be used by multiple elements, only one element can be associated with a particular identifier.
How are identifiers made?
example { -color: green; a class
border: 1px solid black;
}
// using a class
<div>
<p> This paragraph will have a green background and a black
border </p>
</div>
What is CSS?
CSS (Cascading style sheets) is a language used to describe the style of a webpage. It can be used to specify the way HTML elements look and applied to <h1>, </h1><p> and </p><div>.</div>
What is internal CSS?
CSS placed inside the style tags and is entered directly into the
HTML document.
What is external CSS?
CSS written in a separate document, linked to the HTML document.
How to link to external CSS?
add to header < link href= “nameofstylesheet.css” rel= “stylesheet” type= “text/css” >
