D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
nrasteg
Full window
Github gist
Leveraging Web Data Class 5 Lab Nava Rastegar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Nava Rastegar</title> <style type="text/css"> h1 { text-align: center; } p {text-align: left; color: orange;} button {text-align: center; background-color: black; color: red; font-size: 40px; font-style: oblique;} </style> </head> <body> <h1>Leveraging Web Data Class 5 Lab</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. 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> <br> <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> <br> <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> <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 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> <br> <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> <br> <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> <br> <script type="text/javascript"> </script> </body> </html>