HTML Basics
Hyper Text Markup Language
What does HTML stand for?
Internet file format/ root element of a web page
What is <html>?
What is wrong?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>This sentence should be on its own
So should this one.</p>
<p/>What's wrong with this sentence?<p>
</body>
</html>
What is <p> tag?
Reasons professionals use pair programming
What is greater efficiency and assistance with troubleshooting?
Document that controls how a web page will appear
What is a style sheet?
The Artist
What is CSS is otherwise known as?
Everything you see on a web page is in between these tags
What is <body> tags?
Which tag would you change to make the document look better?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>OUR FAVORITE REASONS TO PAIR PROGRAM</p>
<p>CADIN'S REASONS</p>
<p>1. It is more fun to do stuff with a friend</p>
2. It's convenient to ask questions</p>
<p>3. More cool ideas!</p>
<body>
<html>
What is <p> tag for <h1> tag?
Error in code
What is a bug?
Creating multiple paragraphs
What is the use of multiple paragraphs tags (start and end tags)?
HTML5
What is the standard language procedures for HTML?
(2) tags used to make a bulleted list
What are <ul> and <li>?
Which tag should be used for Nevaeh's (3) responses?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>NEVAEH'S REASONS</p>
<p>1. You don't get stuck as much</p>
<p>2. So much easier to debug.</p>
<p>3. You can talk while you are programming so it's more interesting.</p>
</body>
</html>
What is <ol> and <li>?
Titles throughout a web page that vary in size
What are headings?
Outlining colors, fonts, and positioning content
What are CSS attributes?
The Wizard
What is Javascript is otherwise know as?
Primarily used in poems
What is <br>?
What is missing?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>Breakfast Foods</h2>
<ul>
<li>Cereal</li>
<li>Eggs<li>
</li>Waffles</li>
</ul>
What is </li>, <body>, and html?
4 steps to debugging
What are:
1. Describe the problem
2. Hunt for bugs
3. Try out solutions
4. Document the bug
World Wide Web Consortium- manages the rules and the best practices of how to build for Front End Web Development.
What is W3C?
Translates the (3) languages into a webpage
What is the web browser?
Used to link your style sheet to your web page
What is <link rel=”stylesheet” href=”style.css”>?
Where would you put the horizontal line? <!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>This Amazing Place Called Earth</h1>
<p>We live on an awesome planet! And we're not alone - there are animals everywhere who live in unique places.</p>
<hr>
<h2>Deserts</h2>
<p>The desert is the driest biome, and deserts receive less than 10 inches (25 centimeters) of rain per year. </p>
<h4>Some species: fennec fox, desert tortoise, camel</h4>
<h2>Grasslands</h2>
<p>Every continent except Antarctica has grasslands, but they can have different names in each place.</p>
<h4>Some species: zebra, bison, kangaroo</h4>
What is just before 'Grasslands"?
<h6> is ______ than <h1>
What is smaller?
Makes an application on the web work (coding)
What is Back End Development?