HTML, CSS and JavaScript(1.3.4 a) Flashcards
HTML file
made of tags
started with <TagName> and ended with </TagName>
every file must have a <html> tag and a <body> tag
What defines that the file is a HTML file?
<html>
</html>
What defines where a html document is (and there what tags to display)?
<body>
</body>
HTML heading tags
<h1> to <h6>
</h6></h1>
HTML paragraph tags
<p>
</p>
HTML link tags
< a href = ResourceLocation>
HTML image tags
<img></img>
HTML unordered list tags
<ul>
</ul>
HTML ordered list tags
<ol>
</ol>
HTML list items tags
<li>
</li>
What does CSS stand for?
Cascading Style Sheet
What does CSS do?
controls style of a web page handling formatting of sections of the web page
no control over the content or functionality of a web page
CSS options
font family
color
border color
font size
background color
border width
height
border style
width
What is CSS syntax?
a list of CSS options each seperated by a semi colon (;)
to set the value for each option we use a colon(:)
What is inline CSS?
CSS can be written directly into a HTML tag
Inline CSS
use style = to signify the start of CSS
goes inside the opening tag of an element you want to apply the style to
put quotation marks around the CSS
<h1>hello</h1>
What are CSS external style sheets?
define styles throughout a website
CSS External style sheet
allows us to ensure taht formatting is consistent across the whole website while also saving time as less code is repeated
link using link tag
<link></link>
rel = i swhat sort of thing we are linking
href = is the location of what we are linking
goes in head section of the HTML
CSS classes
can create a class of HTML objects which can have a style applied to them
allows us to apply a predefined style to specific objects within a HTML document without having to retype the CSS code
allows us to apply the same style to multiple elements
.mint{} the . makes the a CSS class
CSS ID selectors
work in a similar way to CSS classes
however only specify the format for one HTML element useful for when we need to make a specific element stand out on a web page
#melon{} the # makes this a CSS ID
