html, css, javascript Flashcards
HTML
language or script used to describe the content and structure of webpages so that a browser is able to interpret and render it. it is usually used in conjunction with CSS
HTML
language or script used to describe the content and structure of webpages so that a browser is able to interpret and render it. it is usually used in conjunction with CSS
CSS
cascading style sheets: describes the style and formatting of a web page, controlling layout of multiple webpages at once, saving work
defines the whole document. any code enclosed in these tags are interpreted as HTML code
defines the visible, main content of page which appears in the main browser content area. Includes images, texts and hyperlinks
defines browser tab or window heading area, holds text to be displayed within tags and any script enriching page content
<h1> <h2> <h3></h3></h2></h1>
heading styles in decreasing size
<p></p>
paragraph separated with a line space above and below
<img></img>
self enclosed image tag with parameters <img></img>
<a></a>
anchor tag defining a hyperlink with location parameter <a> link text </a>
<li>
</li>
defines an individual list item within either a numbered or bulleted list
<li>
</li>
defines an individual list item within either a numbered or bulleted list
CSS
cascading style sheets: describes the style and formatting of a web page, controlling layout of multiple webpages at once, saving work
defines the whole document. any code enclosed in these tags are interpreted as HTML code
internal and inline CSS advantages
- allows you to make one off style adjustments that are unlikely to affect any other part of the website
- overrides global styles, enabling particular styles to be kept within the HTML doc
defines browser tab or window heading area, holds text to be displayed within tags and any script enriching page content
external style sheet CSS advantages
- maintains consistency across other pages in the site
- content and formatting are kept separate
- saves time and work as can change style sheet to change whole site
- different stylesheets for different themes or devices
<p></p>
paragraph separated with a line space above and below
identifiers
eg <div>, defined in CSS as #header { }
identifiers must be unique to every webpage. apply to elements unlikely to be repeated eg <div> </div></div>
classes
eg <div class="list">, defined in CSS as .list{ }
can be used multiple times on a webpage, and on different webpages. apply to elements likely to be repeated eg <p></p></div>
<ol> </ol>
<ul></ul>
defines an ordered (numbered) and unordered (bulleted) list respectively
<li>
</li>
defines an individual list item within either a numbered or bulleted list
<div></div>
facilitates the division of a page into separate areas. they can be referred to uniquely by name and styled differently using CSS
internal/embedded CSS
CSS added directly in the HTML document tags within their own tag
inline CSS
CSS added directly within the HTML body
internal and inline CSS advantages
- allows you to make one off style adjustments that are unlikely to affect any other part of the website
- enable styles to be kept within the HTML doc
external style sheet CSS
a link to an external style sheet can be held on the HTML document within the and tags
external style sheet CSS advantages
saves effort/coding as multiple HTML/webpage documents from the same site can link to the same stylesheet so that formatting can be applied consistently without duplicating CSS sheet
identifier and class selectors
act as hooks on which you can hang styles. you can then apply these grouped styles to a HTML element eg <div> by adding the class or id name as a parameter</div>
identifiers
eg <div>, defined in CSS as #header { }
identifiers must be unique to every webpage</div>
classes
eg <div class="list">,, defined in CSS as .list{ }
can be used multiple times on a webpage</div>
link tag to an external stylesheet
