D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
xiuxiuwang
Full window
Github gist
Leveraging Web Data Class 5 Lab Xiuxiu Wang
<!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; } p { text-align: left; color: green; font-family:Arial; } button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } </style> </head> <body> <h1>Xiuxiu Wang</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>Xiuxiu Wang</p> <p>Answer</p> <p>An HTML document basically includes to parts title and body. Usually foremost, it should be defined as a html document starting with 'html'and ends up with '/html', lowcase tags. <br> CSS refers to 'Cascading Style Sheets' is a style sheet language that describes the style of an HTML document; it describes how HTML components should be presented. <br> JavaScript is the porgramming language of HTML and the web. It is used to make webpages interactive and provide online programs. </p> <br> <h4>Name and describe four distinct HTML tags.</h4> <p>Header:'header'; <br> navigation bar: 'nav'; <br> main content: 'main'; <br> sidebar:'aside', often placed indise 'main'.</p> <br> <h4>Identify an HTML tag that does not require an end tag.</h4> <p>HTML elements with no content are called empty elements. Empty element needn't the end tag, like the tag 'br', which means a 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>Element selectors are used to select HTML elements based on the element name. <br> Id selectors use HTML element id attributes to fulfill the select targets. It should start with a hash(#), followed by the specific id of an element. E.g.: id = 'para1'. <br> Class selectors select elements with specific class attributes, and it should start with a period (.) and then followed by the name of the class. E.g.: .center. </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 select the element selector method to select all paragraphs first with element name equals to p, and then set the text color as green with the sentence 'color: green;', and set the font style as Arial with the sentence'font-family: Arial;'. After put them into a {}, just place all the orders into the style section which is at the beginning of the webpage design.</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> <br> <button type="button">custom</button> <script type="text/javascript"> </script> </body> </html>