-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
101 additions
and
89 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,92 +1,104 @@ | ||
| <!DOCTYPE html> | ||
| <h1> | ||
| <strong>My HTML Notes </strong> <br> | ||
| </h1> | ||
| <p> | ||
| This page is a collection of my awesome notes about HTML! | ||
| </p> | ||
|
|
||
| <h2>The Web</h2> | ||
| <p> | ||
| The Web (or World Wide Web) is a collection of documents and other files. Most of the documents are made using Hypertext Markup Language (HTML). | ||
| </p> | ||
|
|
||
| <h2>What is HTML?</h2> | ||
| <p> | ||
| HTML stands for <em>Hypertext Markup Language.</em> It's used to define the structure or layout of a web page. | ||
| </p> | ||
|
|
||
| <p> | ||
| The <em></em> tag is an emphasis tag.<br> It is used to emphasize elements with the tags in them | ||
| There are <mark>opening</mark> and <mark>closing</mark> tags between the elements as they occur. <br> | ||
| </p> | ||
|
|
||
|
|
||
| <p> | ||
| Usage: <em>Hi there!</em> <br> | ||
| Example: <br> | ||
| This is a <em>trial</em> message. <br> | ||
| Now using the <sup>Upper</sup> bound and <sub>lower</sub> bound tags | ||
| </p> | ||
|
|
||
| <h3>My chemistry notes</h3> | ||
| <p> | ||
| <strong>Molecule name</strong>: Sulfur hexafluoride | ||
| </p> | ||
| <p> | ||
| <strong>Molecular formula</strong>: C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> | ||
| </p> | ||
| <p> | ||
| <strong>Note</strong>: This gas has a much higher density than air. Basically the opposite of helium. <mark>Crazy!</mark> | ||
| </p> | ||
|
|
||
| <h4>List of updates info</h4> | ||
| <p> | ||
| <ol> | ||
| <li>Paragrapghs</li> | ||
| <li>Block and Inline elements</li> | ||
| <html> | ||
| <head> | ||
| <title> | ||
| My HTML Notes | ||
| </title> | ||
| </head> | ||
| <body> | ||
| <h1> | ||
| Udacity Intro to Programming Course: Lesson 1. | ||
| </h1> | ||
| <p> | ||
| This page is a collection of my awesome notes about HTML! | ||
| </p> | ||
|
|
||
| <h2>The Web</h2> | ||
| <p> | ||
| The Web (or World Wide Web) is a collection of documents and other files. Most of the documents are made using Hypertext Markup Language (HTML). | ||
| </p> | ||
|
|
||
| <h2>What is HTML?</h2> | ||
| <p> | ||
| HTML stands for <em>Hypertext Markup Language.</em> It's used to define the structure or layout of a web page. | ||
| </p> | ||
|
|
||
| <p> | ||
| The <em></em> tag is an emphasis tag.<br> It is used to emphasize elements with the tags in them | ||
| There are <mark>opening</mark> and <mark>closing</mark> tags between the elements as they occur. <br> | ||
| </p> | ||
|
|
||
|
|
||
| <p> | ||
| Usage: <em>Hi there!</em> <br> | ||
| Example: <br> | ||
| This is a <em>trial</em> message. <br> | ||
| Now using the <sup>Upper</sup> bound and <sub>lower</sub> bound tags | ||
| </p> | ||
|
|
||
| <h3>My chemistry notes</h3> | ||
| <p> | ||
| <strong>Molecule name</strong>: Sulfur hexafluoride | ||
| </p> | ||
| <p> | ||
| <strong>Molecular formula</strong>: C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> | ||
| </p> | ||
| <p> | ||
| <strong>Note</strong>: This gas has a much higher density than air. Basically the opposite of helium. <mark>Crazy!</mark> | ||
| </p> | ||
|
|
||
| <h4>List of updates info</h4> | ||
| <p> | ||
| <ol> | ||
| <li>Paragrapghs</li> | ||
| <li>Block and Inline elements</li> | ||
| <ul> | ||
| <li>em tag > Inline | ||
| <li>br tag > Inline | ||
| <li>p tag > Block | ||
| </ul> | ||
| <li>sup and sub</li> | ||
| </ol> | ||
| </p> | ||
|
|
||
| <h4>Some animal classes</h4> | ||
| <ul> | ||
| <li>em tag > Inline | ||
| <li>br tag > Inline | ||
| <li>p tag > Block | ||
| </ul> | ||
| <li>sup and sub</li> | ||
| </ol> | ||
| </p> | ||
|
|
||
| <h4>Some animal classes</h4> | ||
| <ul> | ||
| <li>Mammals | ||
| <ol> | ||
| <li>Raccoons | ||
| <li>Gorillas | ||
| </ol> | ||
| <li>Reptiles | ||
| <ol> | ||
| <li>Iguanas | ||
| <li>Cobras | ||
| </ol> | ||
| <li>Birds | ||
| <ol> | ||
| <li>Ostrictes | ||
| <li>Ravens | ||
| </ol> | ||
| </ul> | ||
|
|
||
| <h4>Connect with me!</h4> | ||
| <p> | ||
| Connect with me on GitHub <br> | ||
| <a href="https://github.com/Extomvi"><img src="github.png" alt="GitHub"></a> | ||
| </p> | ||
|
|
||
| <h4>Other uses of the Image Tag with Pictures of a Bear and a Cat</h4> | ||
| <p> | ||
| My favorite things: | ||
| </p> | ||
| <ol> | ||
| <li><a href ="https://placebear.com/150/150" target="_blank">Bears</a> | ||
| <li><a href ="https://placekitten.com/150/150" target="_blank">Kittens</a> | ||
| </ol> | ||
| <img src="https://placebear.com/150/150" alt="A picture of a bear."> | ||
| <img src="https://placekitten.com/150/150" alt="A picture of a kitten."> | ||
| <li>Mammals | ||
| <ol> | ||
| <li>Raccoons | ||
| <li>Gorillas | ||
| </ol> | ||
| <li>Reptiles | ||
| <ol> | ||
| <li>Iguanas | ||
| <li>Cobras | ||
| </ol> | ||
| <li>Birds | ||
| <ol> | ||
| <li>Ostrictes | ||
| <li>Ravens | ||
| </ol> | ||
| </ul> | ||
|
|
||
| <h4>Connect with me!</h4> | ||
| <p> | ||
| Connect with me on GitHub <br> | ||
| <a href="https://github.com/Extomvi"><img src="github.png" alt="GitHub"></a> | ||
| </p> | ||
|
|
||
| <h4>Other uses of the Image Tag with Pictures of a Bear and a Cat</h4> | ||
| <p> | ||
| My favorite things: | ||
| </p> | ||
| <ol> | ||
| <li><a href ="https://placebear.com/150/150" target="_blank">Bears</a> | ||
| <li><a href ="https://placekitten.com/150/150" target="_blank">Kittens</a> | ||
| </ol> | ||
| <img src="https://placebear.com/150/150" alt="A picture of a bear."> | ||
| <img src="https://placekitten.com/150/150" alt="A picture of a kitten."> | ||
|
|
||
| </body> | ||
|
|
||
|
|
||
|
|
||
| </html> |