1.3.4 Flashcards
(35 cards)
HTML
HyperText Markup Language - has the content and structure of the web page - used in conjunction with CSS
CSS
Cascade Style Sheets - external style sheet - decides the style/layout/appearance of the webpage applied to existing html
<html>
</html>
starts the html part of the file - all the code within it is html
<head>
</head>
contain metadata (not displayed)
<title>
</title>
page title (appears in the page tab not on the page)
<body>
</body>
the main text of the document
<h1>
</h1>
a heading
<h2>
</h2>
a sub heading
<h3>
</h3>
a sub sub heading
<img></img>
a picture and alternative text of …
add an image
e.g. <img src=….jpg alt=”picture of …”>
src is the file path
alt is the alternative text if image doesn’t load
<a></a>
the word TEXT has a link
defines a hyperlink
e.g. <a href=”https://www.website.com”>TEXT </a>
TEXT will contain the link
<p>
</p>
a paragraph
<ol>
</ol>
ordered list (numbered)
<ul>
</ul>
unordered list (bullet points)
<li>
</li>
defines each item in an ordered/unordered list
how to add stlye within HTML
h1 red
h2 blue dotted border
h3 arial font
<h1 style=”color:red;”> MAIN HEADING </h1>
<h2 style=”border-style:dotted;border-color:blue;”> SUB HEADING </h2>
<h3 style=”font-family:arial;”> SUB SUB HEADING </h3>
how to add style in CSS
headings coloured red and background green in hex
h1{
color:red;
background-color:#00ff00;
}
<link></link>
linking a CSS file into a HTML file
how would you link a CSS file to a HTML file
<link rel=”stylesheet” type=”text/css” href=”MyCSS.css”>
<div>
</div>
divide the HTML document up and apply different styles to each part
class in CSS
can be used multiple times - uses a .
define a class called intro in CSS
.intro {
…
}
identifier in CSS
unique (can only be used once) - uses a #
define an identifier of bullet pointed lists in CSS
BulletList {
… }