Web Technologies: HTML & CSS Flashcards
What does HTML stand for?
Hyper Text Markup Language
What is HTML?
standard language for creating the structure of webpages
What are some common HTML tags?
<html> </html>
<head> </head>
<title> </title>
<body> </body>
<h1> </h1>
<p> </p>
<img></img> </img>
<div> </div>
<form> </form>
<footer> </footer>
To to create a form input text field with HTML?
<input></input>
How to create a form label in HTML?
<label> Last Name:</label>
What does CSS stand for?
Cascading Style Sheets
What is CSS?
language used to style a HTML document, describing how the elements should be displayed
How to Implement CSS?
Inline
Internal
External
Inline CSS meaning?
using the style attribute inside HTML elements.
Internal CSS meaning?
using a <style> element in the <head> section.</style>
External CSS meaning?
by using a <link></link> element to link to an external CSS file
Example of how to select an element in CSS?
h2 {
}
Example of how to select an ID in CSS?
idexample {
}
Example of how to select a Class in CSS?
.class {
}
What CSS properties are used to change font colour and background colour?
h1 {
background-color: lightgrey;
color: blue;
}
What CSS property is used to add fonts?
the font-family property is used. e.g.
.p1 {
font-family: “Times New Roman”, Times, serif;
}
What CSS property is used to add a border?
border-style
What CSS property is used to add a header layout?
.header {
}
What CSS property is used to add a nav bar layout?
.topnav{
}
What CSS property is used to add a nav bar link?
.topnav a {
}
What CSS property is used to change colour of nav bar link when hovered?
.topnav a:hover {
}
What CSS property is used to add a footer layout?
.footer {
}
What is a HTML class?
Selects elements with a specific class attribute
What is a HTML ID?
Can only be used by the one HTML element its assigned to within that page e.g. a logo for the header bar, this id name can be called in CSS to be specifically edited
