Last active
September 9, 2020 14:45
-
-
Save matthewharwood/1d400d65ca724d1db242678dc9547281 to your computer and use it in GitHub Desktop.
Dad's first code review
This file contains hidden or 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
<!DOCTYPE html> | |
<!-- this is how you leave comments in .html files --> | |
<html> | |
<head> | |
<title>Hello World</title> | |
</head> <!-- You missed the closing </head> tag. The browser is smart enough to fix this for you but don't forget. --> | |
<body> | |
<h1> wow my head will explode</h1> | |
<hr/> | |
<p> This is my first html code that I have ever done. <br/> I hope you like it</p> | |
<p>I am completely fucking crazy hehehe</p> | |
<img src="bloddy shades.jpg"height="640"width="480" /> <!-- Try to avoid image paths with spaces --> | |
</body> | |
</html> | |
<!-- | |
1. Use lowercase for file extensions e.g. .html and not .HTML | |
1a. Favor hyphons or underscores between file names over spaces e.g. hello-world.html vs hello world.html | |
1b. Use lowercase for file names e.g. hello-world.html vs HELLO-WORLD.html | |
2. Don't forget a <!DOCTYPE html>. This goes at the first line of your HTML file. | |
3. Remember that story about embedded vs linked images in powerpoint? The classic: "The Images are on my G:/ drive at home!" | |
This is the same case with your <img src="bloody shades.jpg" /> that is a path to your file system and therefore I don't have access. | |
There are a few ways to handle this that you'll learn later but just pointing that out. | |
3a. Favor hyphons, underscores between file names for image sources e.g. bloddy-shades.jpg | |
4. Use indent properly when writing code. Later this will be handled automatically for you but it will make good practice for now. | |
--> |
*1.-So on line one i always insert this code for html?*
Yes line 1 will always be the "DOCTYPE". Today with modern browsers,
<!DOCTYPE html> is standard "copy paste boilerplate"
But the backstory is that before like 2015 there was no standard for html
and every browser had a different treatment on how to read html code.
Therefore the DOCTYPE use to specify a version number like <!DOCTYPE 1.1>
all major browser came together in the 2000s and settled on a standard.
*2- yeah the PPT deal of my image is on my G drive.. So with PPT you can
embed the image now , whats the procedure with html, do i send the entire
folder with the code and any pics, videos etc?*
You got it. Ship the entire folder or reference an existing image on the
web using a full url
Example: http://placekitten.com/g/200/300
There are ways of "embedding" images too but that is a bit too
sophisticated to explain via email.
*3 - also is notepad ok as the editor or should i get something else*
Yeah for now notepad is the best because it gives you zero help. You will
make so many syntax errors and you'll learn from them. After we finish
css, let's do a video call and I'll help you set up an enterprise coding
environment.
…On Wed, Sep 9, 2020, 2:58 AM curbfeeler5454 ***@***.***> wrote:
***@***.**** commented on this gist.
------------------------------
1.-So on line one i always insert this code for html?
2- yeah the PPT deal of my image is on my G drive.. So with PPT you can
embed the image now , whats the procedure with html, do i send the entire
folder with the code and any pics, videos etc?
3 - also is notepad ok as the editor or should i get something else
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<https://gist.github.com/1d400d65ca724d1db242678dc9547281#gistcomment-3447189>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AALPP4SIGG4RBLEXLQ2QW5LSE5GSVANCNFSM4RBYFTFQ>
.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1.-So on line one i always insert this code for html?
2- yeah the PPT deal of my image is on my G drive.. So with PPT you can embed the image now , whats the procedure with html, do i send the entire folder with the code and any pics, videos etc?
3 - also is notepad ok as the editor or should i get something else