D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
tigerdolphins
Full window
Github gist
Leveraging Web Data Class 5 Lab Hunt Hobbs
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hunt Hobbs</title> <style type="text/css"> h1 { text-align: center; } p {color: red; } .bigcoolbutton { background-color: blue; border: none; color: red; padding: 18px 18px; font-size: 48px; cursor: pointer; } .bigcoolbutton:active { transform: translateY(4px); } </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>The HTML is the code that browsers use to read and display the format and content of a web page, and is basically used for the structure and static content of the page</p> <p>CSS is a language for additional stylistic markup that is less unwieldy to work with and also allows you to define styles that can be referenced later in the HTML code</p> <p>Javascript is a code that allows you to create functions which are used for manipulating data and elements within your webpage, such as anything that requires active calculations and updates.</p> <br> <h4>Name and describe four distinct HTML tags.</h4> <p>The 'i' tag formats text into italics, the 'b' tag formats text as bold, the 'h1' tag formats text according to the style of the first-tier headline, and the 'li' tag contains a list item belonging to any type of list</p> <br> <h4>Identify an HTML tag that does not require an end tag.</h4> <p> the 'br' tag requires no end tag, and it is used to add a paragraph break (blank line of 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>Selectors in CSS are snippets of code that relate the CSS you create directly to a certain type of HTML code. An element selector is a selector that causes your CSS to impact every instance of that element on your page, for example saying that every single time a h1 tag is used it should have a certain font size and color. An id selector only applies the CSS styling to elements that have explicitly been identified by that id, so we can give names and custom formats to special or unique portions of the page. A class selector is similar to an id selector in that it only affects certain elements we choose, but instead of affecting a certain id'd element it allows us to apply formatting to any of a 'class' of elements which we can define by explicitly telling the HTML element that it belongs to that class. </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 made all my paragraph text red by adding a CSS definition for p saying 'color: red' into the style section of the header.</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" class="bigcoolbutton">The Amazing Button</button> <br> <script type="text/javascript"> </script> </body> </html>