-home- just showed different examples of html. such as the following...
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
intro-
HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages
HTML markup tags are usually called HTML tagsHTML tags are keywords surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
Start and end tags are also called opening tags and closing tags
HTML documents describe web pages
HTML documents contain HTML tags and plain text
HTML documents are also called web pages
get started:
HTML can be written and edited using many different editors like Dreamweaver and Visual Studio.
When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.
basic-
HTML headings are defined with the <h1> to <h6> tags.
HTML paragraphs are defined with the <p> tag.
HTML links are defined with the <a> tag.
HTML images are defined with the <img> tag.
-home
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
} |
intro
CSS stands for Cascading Style Sheets
Styles define how to display HTML elements
Styles were added to HTML 4.0 to solve a problem
External Style Sheets can save a lot of work
External Style Sheets are stored in CSS files
syntax
The selector is normally the HTML element you want to style.
Each declaration consists of a property and a value.
The property is the style attribute you want to change. Each property has a value.
id and class
The id selector is used to specify a style for a single, unique element.
The id selector uses the id attribute of the HTML element, and is defined with a "#".
The style rule below will be applied to the element with id="para1":
The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements.
This allows you to set a particular style for any HTML elements with the same class.
The class selector uses the HTML class attribute, and is defined with a "."
styling backgrounds
The background color can be specified by:
- name - a color name, like "red"
- RGB - an RGB value, like "rgb(255,0,0)"
- Hex - a hex value, like "#ff0000"
styling text
The color property is used to set the color of the text.
The text-align property is used to set the horizontal alignment of a text.
Text can be centered, or aligned to the left or right, or justified.
The text-decoration property is used to set or remove decorations from text.
box modelborder, outline, margin, padding.
So I desaturated the whole image and only made select images within the picture in color to keep some interest still instead of it being all black and white.
I felt like with all the color it was too busy to add a bunch of text to it. I felt like the viewers would be distracted.