Skip to content

Instantly share code, notes, and snippets.

@cham-s
Created March 18, 2015 22:26
Show Gist options
  • Save cham-s/719318337c704192469a to your computer and use it in GitHub Desktop.
Save cham-s/719318337c704192469a to your computer and use it in GitHub Desktop.
<!--
Hey Chris I will review your project here because your file was uploaded as Intro to Progaramming.rtf you should replace your file name
extension, it means the text after the dot, click twice on your file until you are able to edit it and remove the .rtf and replace it with
.html so the your computer could regcognize him as a web file.
OK let's get started all my feedbacks on your projects will place throuhghout your code as comment ^^.
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Chris's Notes! </title>
<!--
Nitpick:
You should add a meta charset tag here, for the web browser to know which set of characters you want to use
in your page. Check this link for more information.
http://www.w3schools.com/tags/att_meta_charset.asp
-->
</head>
<body>
<div>
<!--
Awesome:
Nice you've used div to sepatate your page into section, now give a class name, so
you could apply style on that div with css.
You add class name this way : <div class="chooseANameForTheClass"> ^^
-->
<p>html= hypertext markup language (main type of document on the web is html)<br>
major pieces of web<br>
you / cpu running browser / the internet / servers<br>
A. Browser- a program that runs on your computer to display files found on the web<br>
B. Internet- the worlds largest computer network<br>
C. HTTP- the main protocol of the web<br>
D. Servers- computers that host the files that make up the web<br>
<!--
Nitpick:
When you want to add a list, like you did, you should wrap them with list tag.
<ol>
<li>List Item Here</li>
<ol>
Check these links for more.
https://developer.mozilla.org/en/docs/Web/HTML/Element/ol
https://developer.mozilla.org/en/docs/Web/HTML/Element/ul
-->
<br>
HTML or hypertext markup language html is made up of text content (what you see) markup (what it looks like)
references to other documents example images and videos links to webpage </p>
</div>
<div>
<p>HTML <tag> blah blah </closingtag>
all of this is referred to as an element
<b>blahblah</b> this would display blahblah in bold
<em>blahblah</em> this would display blahblah in italics
creating link (anchor) <a href="www.w3c.org/html"></a>
<img> - images
<img src="url" alt="text">
<br> is a block element <p></p> is a inline element
<br> is a line break this moves stuff to the next line (ends a sentence) put at end of word and or sentence or you can put it below the sentence.
<p> is for paragraph and is kind of the same as <br> but it creates an invisible box around the first line with height and width
<p>Hello everyone!</p>
<p>We're using two lines now!</p>
<span></span> is inline
<div></div> is block
elements that are inline are a / span / br / img / strong </p>
</div>
</body>
</html>
<!--
Nitpick:
Your notes needs more informations, don't worry it is that much, just add why thi is good to avoid repetition. :)
-->
<!--
Nitpick:
Once all changes will be made, you should consider adding a css, file to add color and style to your page ^^
-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment