...

Notes on coding will be here!

HTML

• HTML stands for HyperText Markup Language
• Developed in the early 1990s by Tim Berners-Lee (thank you Tim!)
• HTML Documents are composed of Elements.
• Elements are created by using opening and closing tags.
• Each tag is the Name of the element enclosed in angled brackets <>
• The content goes between the teags!
• Each HTML tag is an instruction to your web browser, telling it how to view the content on your screen. Its pretty neat! You can add text, images, videos, sound, etc to your web pages. Or divide it into sections like lines or paragraphs!

CSS

• CSS stands for Cascading Style Sheets
• It works with HTML to style your site and make it look better!
• CSS can be used to change the color and font, and positon of text and images. EX, changing your bakcground color or making a picture bigger on your page.

JavaScript

• JavaScript makes your web pages interactable! This means the webpage will change when the usr does something.

Key computer skills include creating a new folder and navigating your file directory.

Study, practice, then rest.

Dont wear yourself out

If you are struggling, you know you are REALLY learning

HTML tags include:

• Start tags with brackets < > Close tags with slash
• always check for typos and use correct capitalization in your code
• Use the right symbols you need in the right order. this includes proper nesting!
• Always save as a .html file
• !DOCTYPE html
• html
• head
• title
• body
• < p > and for Start and End paragraph
• The < p > tag is nested in the < body > tag
• The line Break tag lets you start your text on a new line without starting a new paragraph. < br> and < br/>
• The image tag < img src="image.jpg"/> will show a saved image as long as your site can find it!
• Image tag < img src="https://linktoimage.com.jpg"/> will show images from links
• You can name images with alt tags. EX: < img src="image.png" alt="Name"/>
• The Division Tag: < div> and < /div> split the layout of a webpage into sections. It works like an invisible container, nested within the body tags. This ties into CSS!