Skip to content

Instantly share code, notes, and snippets.

@AnaMal08

AnaMal08/index.html

Last active December 2, 2017 01:40
Show Gist options
  • Save AnaMal08/e5dc51f0ad6a2d0f731949669f266513 to your computer and use it in GitHub Desktop.
Save AnaMal08/e5dc51f0ad6a2d0f731949669f266513 to your computer and use it in GitHub Desktop.
Download ZIP
Leveraging Web Data Class 5 Lab Anna Malek
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Leveraging Web Data Class 5 Lab</title>
<style type="text/css">
h1 {
text-align: center;
}
h2 {
text-align: center;
}
p {
text-align: left;
color: #00008B;
font-size: 20px;
}
.button {
background-color: blue;
border: none;
color: #E9967A ;
padding: 25px 42px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
}
</style>
</head>
<body>
<h1>Leveraging Web Data Class 5 Lab</h1>
<h2>Anna Malek</h2>
<br>
<h3>Web Development Resources</h3>
<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>
<h3>Questions and Answers</h3>
<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 is the standard markup language for creating web pages and web applications.</p>
<p>CSS is a style sheet language used for describing the presentation of a document written in HTML</p>
<p>JavaScript is the interpreted programming language. Alongside HTML and CSS, JavaScript is one the three core technologies of World Wide Web content production.</p>
<br>
<h4>Name and describe four distinct HTML tags.</h4>
<p> Meta tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. </p>
<p> Title tag is required in all HTML documents and it defines the title of the document. </p>
<p> style tag is used to define style information for an HTML document.</p>
<p> Link tag defines a link between a document and an external resource.</p>
<br>
<h4>Identify an HTML tag that does not require an end tag.</h4>
<p> br tag inserts a single line break. </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> The element selector selects elements based on the element name. </p>
<p> The id selector uses the id attribute of an HTML element to select a specific element.</p>
<p> The 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>I added the element selector in HTML style tag. </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>
<button type="button"> Happy Friday!</button>
<br>
<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