HTML, CSS
Mrs. Cullen will give you some code. You must write what each line of code does to the webp
<header>.............................starts header section, info that does not appear on page <style type="text/css">........start writing in CSS. body...............................tells HTML you are writing CSS for body section (NOT body sec.) {...........................................start CSS font-size:75%;.....................default font size will be 75% font-family:"arial".................default font type will be arial. background-color:#FFFFFF....background color will be white Color:#000000.................default text color will be black Margin:10px...................default margin is 10 pixels }..........................................end CSS </style>..............................done writing in CSS </header>..........................end section of info that does not appear on page
What three tags are in every HTML document?
<html> <head> </head> <body> </body> </html>
Insert an image with the file name cat.jpg which is located in your images folder and has a description of orange cat.
<img src="images/cat.jpg" alt= "orange cat"/>
Who created CSS?
W3C (World Wide Web Consortium)
When setting up the font-family in CSS why do we put more than one font?
We do this in case the browser cannot find your first choice
How does CSS save you a lot of work?
You define the appearance and layout of all pages in the website, ONCE, in a single file
What action does the action <p> </p> set up?
Starts and finishes a paragraph, which puts one line of space above and below.
Where does the information for CSS get placed in an HTML document?
Head section.
Why are headings important on an HTML document? Show the start and end tag for header 1
Heading helps make important words stand out, as the name of a section of your content. It helps search engines index your site. <h1> </h1>
Heading vs. Header
Heading- formats text to make it big and bold. Header-section where you put additional information which does not show up
What does HTML stand for?
Hyper Text Markup Language
What are the three ways to apply CSS to an HTML document?
1. Internally, in the head section 2. Externally, linking to an external css file 3. In-line, using css in the middle of your HTML using style tags.
What would be the file extension of a saved stylesheet?
.css
What are the 2 extensions in which you can save an HTML file?
1. .html 2. .htm
How do you set up a table in HTML?
<table> <tr> <td> put text here </td> </tr> </table>
What are HTML attributes and where do they get placed?
Additional information for the content, and goes in the opening tag.
Provide two hex codes and their color
Black #000000 White: #FFFFFF
What does CSS stand for?
Cascading Style Sheet
What is a program that displays web pages based on code (HTML)
Internet Browser.
what kind of program is dreamweaver?
It is an HTML editor program
A HTML file is a text file containing.........(fill in the blank)
It's Small Markup Tags
How do you find the HTML for a webpage on Internet Explorer?
Page--->View Source
What is a hex code?
Six digit value for web colors.
What name and file extension do you save your homepage
index.html
Q: What are two resources you can use In this class to help build a page in HTML.
w3schools.com, codeacademy.com, HTML Handbook, mrscullen.com
What is a start and finish tag in CSS?
{ content goes here } (squirrelly brackets)
How do you set up for your HTML text to be centered when viewing it on a browser
{text-align:center;}