D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
nchavez1
Full window
Github gist
Leveraging Web Data Class 5 Lab Nephtali Chavez
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Nephtali Chavez</title> <style type="text/css"> p { color: purple; } h1 { text-align: center; } .button { font-size: 16px; color: blue; text-align: center; border-radius: 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>HTML is the standard markup language for creating Web pages. It can be considered the bones of a webpage and browsers read the HTML ro render the page content. Each element is represented by opening and closing tags.</p> <p>CSS stands for Cascading Style Sheets. CSS defines the layout and presentation of webpages. It is independent of HTML, but it controls how HTML elements are displayed. CSS style definining files can be saved externally and used across webpages. </p> <p>JavaScript determines the behavior of webpages. It allows you to do things like alter HTML, alter CSS, control multimedia, animate images, etc. </p> <br> <h4>Name and describe four distinct HTML tags.</h4> <p>Heading tag is defined by h1, h2, up to h6. H1 is the most important heading and h6 is the least important heading. Each heading tag is of a different style and size. They are larger than paragraph tags. <br> Paragraph tags are within the body of the HTML text and defines different paragraphs.<br> The title tag specifies the title of the document. <br> The body tag is the tag that encapsulates the visible portion of the document or the body of the text. </p> <br> <h4>Identify an HTML tag that does not require an end tag.</h4> <p>The line break tag,br, is an empty tag that doesn't require a closing tag. </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 define which HTML element will be modified. This can be paragraphs, headers, etc.</p> <p>The id selectors allows for specified elements to have the text style. By using #identifiers that are unique, I can apply the id to specific elements exclusively</p> <p>Class selectors are defined with a period ahead of the name of the class.Classes are similar to id selectors in that they only affect the specified element that has the class associated with it. Classes vary from id selectors in that they can also specify only a specifc type of HTML element to affect, i.e. only paragraphs affected by the 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>Using CSS, I used the selector to identify paragraphs as the elements to be modified. Then with the declaration, I changed the color of the paragraph font to purple.</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 class="button" onclick="alert('Hello Professor Din')">Click for a surprise!</button> <br> <script type="text/javascript"> </script> </body> </html>