The Web and HTML, Basically
How do I make an the web and html, basically?
Notes Project for Stage : 0 of the Intro to Programming Nanodegree.. What is a the web and html, basically? How do you make a the web and html, basically? This script and codes were developed by Kelly on 31 August 2022, Wednesday.
The Web and HTML, Basically Previews
The Web and HTML, Basically - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Web and HTML, Basically</title>
</head>
<body> <!-- This will be my first attempt at
writing anything in HTML!
Thank you for taking the time to read
this! Of course, any and all
feedback is welcome-->
<head> <title> Kelly's Notes'</title> <!-- Pretty much just copied this from "Andy's Notes. I'm not exactly sure yet what the the 'head' section will be used for-->
</head>
<body> <div> <!--for everything under header 1--> <h1> The Web and HTML, Basically</h1> <div><!-- for section HDTWW--> <div><b>How Does The Web Work?</b></div> <p>The World Wide Web consists of several key elements: <blockquote>1. Your Computer and Browser <br>2. The Internet <br>3. Servers, or computers built for hosting files <br>4. HTTP, or Hyper Text Transfer Protocol <br>5. HTML, or Hyper Text Markup Language </blockquote> Whenever you sit down at your computer and type something into the address bar of your browser, several things start to happen. The first part of a web address -- HTTP -- sends a request to a server for information. Hopefully, that server sends information through the internet in the form of HTML back to your computer. Finally, your browser translates the HTML into something that is visually friendly for you to use. <!-- found blockquote tag while looking for a way to indent a page "http://www.w3schools.com/tags/tag_blockquote.asp" --> </p> </div><!-- for section HDTWW--> <div><!-- for section HDHTMLW--> <div><b>How Does HTML Work?</b></div> <p>HTML, like the web, also consists of several different parts. <blockquote>1. Text content -- what you see. <br>2. Markup -- what it looks like. <br>3. References to other documents -- images and video . <br>4. Links to other pages.</blockquote> While text content makes up a large part of every webpage, markup is working behind the scenes to make your viewing experience more sophisticated than a large wall of text. Markup consists mostly of <em>tags</em> which alter the content in and around them. Most tags work in pairs of <em>opening</em> and <em>closing</em> tags, which alter the content in between them. For example, if we wanted to make text <em><b>bold</b></em> we would use the <b> tag. Something written in HTML like this: <blockquote>Old, gold, and <b>bold</b></blockquote> ...will be displayed like this: <blockquote>Old, gold, and <b>bold</b></blockquote> </p> </div><!-- for section HDHTMLW-->
<div><!-- for section TOT--> <div><b>Types Of Tags</b></div> <p>HTML tags can vary greatly in how they function and what they look like. Many tags contain <em>attributes</em>, which give that tag additional information on how it will work within the context of the document. One common example is the <a> tag, which stands for 'anchor' and can <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a">link it's contents to other websites</a>. One important distition between tags would be <em>inline</em> versus <em>block</em> elements. While an inline tag will work within a wrtten line, a block tag will create a box around its content. What this boils down to is that inline tags will not start a new line, while block tags do. Here is a list of common tags and the categories they belong to: <table border=1, sortable> <!-- Source for learning about tables "http://www.w3schools.com/tags/tag_table.asp" --> <tr> <th> Inline Elements </th> <th> Block Elements </th> <!--source for ' ' entity "http://www.w3schools.com/html/html_entities.asp" --> </tr> <tr> <td> <br> Break</td> <!-- source for '<' and '>' "http://www.w3schools.com/html/html_entities.asp"--> <td> <p> Paragraph</td> </tr> <tr> <td> <a> Anchor </td> <td> <div> Document Division </td> </tr> <tr> <td><span> Inline Element Grouping </td> <td><form> Input Form</td> </tr> <tr> <td><img> Image</td> <td><table> Table</td> <!--Confirmed additional Block Elements at "https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements"--> </tr> <tr> <td><strong> Important Text </td> <td><header> Page Header</td> </table> </p>
</div><!-- for section TOT-->
</div><!--for everything under header 1-->
<div><!--for everything under header 2--> <h2>Front End Web Development</h2> <div><!--for everything in section TBT--> <div><b>The Big three</b></div> <p>The web conists of three main programming languages, each with their own distinct role. Those languages are: <br> <img src="http://wakeupandcode.com/wp-content/uploads/2013/02/html5_css_javascript.png" height="240" Width="650"> <blockquote>HTML - Provides the structure of every webpage. <br>CSS - Provides Styling for elements on a given webpage <br>Javascript - Provides more advanced ways to interact with a given webpage</blockquote> </p>
</div><!--for everything in section FEWD-->
<div><!--for everything in section DOM--> <div><b>Document Object Model</b></div> <p>The Document Object Model, or <em>DOM</em>, is how an internet browser interprets a webpage's code. When you open a page, the browser takes the code of that page and organizes it into a tree structure(<em>see below</em>).Each branch of the 'tree' is known as an element. <br> <img src="http://www.webstepbook.com/supplements/slides/images/dom_tree.gif" height="240" width="650"> </p>
</div><!--for everything in section DOM-->
<div><!--for everything in section BE--> <div><b>Boxes Everywhere</b></div> <p>Each element displayed on a webpage is in the shape of a rectangle. Even if you were to display a picture of a circle, like this: <blockquote><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/2000px-Circle_-_black_simple.svg.png" height="50" width="50"></blockquote> will be contained within an element, like this: <blockquote><img src="https://qph.is.quoracdn.net/main-qimg-c8066f512264122ed2d87ad769822330?convert_to_webp=true" height="50" width "50"></blockquote> Furthermore, rectangular elements can contain other elements inside of them. </p>
<div><!--for everything in section BE-->
</div><!--for everything under header 2-->
</body>
</body>
</html>
| Developer | Kelly |
| Username | Kellyjohnbraun |
| Uploaded | August 31, 2022 |
| Rating | 3 |
| Size | 3,731 Kb |
| Views | 34,408 |
Do you need developer help for The Web and HTML, Basically?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Kelly (Kellyjohnbraun) Script Codes
| Name | Size |
| A Pen by Kelly | 7,267 Kb |
| Basic Tic Tac Toe | 2,588 Kb |
Create amazing art & images with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Default Input, Textareas, Submits, and Buttons in iOS | Demersdesigns | 2,334 Kb |
| Border-radius animation | Yukulele | 2,480 Kb |
| A Pen by Adrien Clerbois | AClerbois | 6,501 Kb |
| Getting Started | Viblast | 1,500 Kb |
| Animating characters with jQuery | 042 | 2,776 Kb |
| Starfield using KineticJS | Asp | 3,512 Kb |
| A Pen by Mohomed Anees | Mohomedanees | 12,597 Kb |
| SVG Animation | Thepheer | 4,793 Kb |
| Simple animated hover effect | Pobee-norris | 3,044 Kb |
| Sticky footer testing | 75th | 1,649 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!