<title>Nava Rastegar</title>
button {text-align: center; <h1>Leveraging Web Data Class 5 Lab</h1>
<h2>Web Development Resources</h2>
<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>
<h2>Questions and Answers</h2>
<h4>Change the text of the title tag in the head section to your name.</h4>
<h4>Describe the three components of the HTML document (HTML, CSS, JavaScript).</h4>
<p> HTML stands for Hypertext Markup Language. HTML is a language that creates the structure of a webpage and allows it do display content.</p>
<p>CSS stands for Cascading Style Sheets. CSS is a language that allows for editing of the appearence of webpages by changing things like text size, color, or backgrounds. </p>
<p>JavaScript is programing language that can be used to make webpages interactive for users. </p>
<h4>Name and describe four distinct HTML tags.</h4>
<p> The emphasis tag (em) makes the text within it italicized. Paragraph (p) separates paragraphs of text. !DOCTYPE designates the type of document, usually html. "a" designates a hyperlink. </p>
<h4>Identify an HTML tag that does not require an end tag.</h4>
<p> The Break tag (br) does not require an end tag, and creates breaks in text.</p>
<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 are pieces of CSS that designate style for a particular element of a webpage, for example, body paragraphs. ID selectors select and edit only one unique element on a page. Class selectors select and edit all elements within a designated "class" of elements determined by the page creator</p>
<h4>Change the color of the text in all '<p>' tags. Describe how you did it. Color must be clear and discernable from the white background.</h4>
<p>I created a class selector for all of the paragraphs in the style section of the scripts, and set color:orange. </p>
<h4>Create an <a href="https://www.w3schools.com/tags/tag_button.asp" target="_blank">HTML button</a> between this tag and the '<br>' 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">Say hi!</button>
<script type="text/javascript">