Skip to content

Instantly share code, notes, and snippets.

@PGriner

PGriner/index.html

Created December 13, 2017 01:22
Show Gist options
  • Save PGriner/60438831a81b7c50f18074937d5e530f to your computer and use it in GitHub Desktop.
Save PGriner/60438831a81b7c50f18074937d5e530f to your computer and use it in GitHub Desktop.
Download ZIP
Leveraging Web Data Class 5 Lab
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pamela Griner</title>
<style type="text/css">
h1 {
text-align: center;
}
p {
color: purple;
}
</style>
</head>
<body>
<h1>Leveraging Web Data Class 5 Lab <br> Pamela Griner </h1>
<br>
<h2>Web Development Resources</h2>
<ul>
<li><a href="https://www.w3schools.com/html/default.asp" target="_blank">W3 HTML Resources</a></li>
<li><a href="https://www.w3schools.com/css/default.asp" target="_blank">W3 CSS Resources</a></li>
<li><a href="https://www.w3schools.com/css/default.asp" target="_blank">W3 JavaScript Resources</a></li>
</ul>
<h2>Questions and Answers</h2>
<h4>Change the text of the title tag in the head section to your name.</h4>
<br>
<h4>Describe the three components of the HTML document (HTML, CSS, JavaScript).</h4>
<p>HTML stands for "Hypertext Markup Language" which is a program language used to create a webpage</p>
<p>CSS is a programming language used to describe the style of a HTML document and how elements should be displayed</p>
<p>JavaScript is a programming language used by web developers to program the behavior of a web page</p>
<br>
<h4>Name and describe four distinct HTML tags.</h4>
<p>Four distinct HTML tags are: head, title, body, paragraph </p>
<br>
<h4>Identify an HTML tag that does not require an end tag.</h4>
<p>br, line breaks do not require an end tag</p>
<br>
<h4>Read this page on <a href="https://www.w3schools.com/css/css_syntax.asp" target="_blank">CSS Syntax</a> then name and describe element selectors, id selectors, and class selectors.</h4>
<p>Element selectors selects elements based on name, ID selector uses the id attribute to select a specific element, and Class selector selects elements with a specific class attribute.</p>
<br>
<h4>Change the color of the text in all '&lt;p&gt;' tags. Describe how you did it. Color must be clear and discernable from the white background.</h4>
<p>In order to change the color of the text, I located the heading "h1", then used the Element Selector and and typed an open bracket, next line typed color and preference then semi-color and on the next line, closed the bracket.</p>
<br>
<h4>Create an <a href="https://www.w3schools.com/tags/tag_button.asp" target="_blank">HTML button</a> between this tag and the '&lt;br&gt;' tag below. Add custom text to the button and <a href="https://www.w3schools.com/css/css3_buttons.asp" target="_blank">style the button</a>.</h4>
<br>
<button type="button">For your reading pleasure! Enjoy!</button>
<script type="text/javascript">
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment