Update README.md

This commit is contained in:
Joe James
2020-02-23 21:17:12 -06:00
committed by GitHub
parent 626f9dee2f
commit 0ff8de9c24

View File

@@ -12,11 +12,13 @@ You should get output in the bottom right box.
W3schools has comprehensive explanations of all HTML tags. W3schools has comprehensive explanations of all HTML tags.
- HTML [standard colors](https://www.w3schools.com/cssref/css_colors.asp), HTML [custom hex colors](https://www.w3schools.com/colors/colors_picker.asp), and [color schemes](https://coolors.co/) - HTML [standard colors](https://www.w3schools.com/cssref/css_colors.asp), HTML [custom hex colors](https://www.w3schools.com/colors/colors_picker.asp), and [color schemes](https://coolors.co/)
### Instructions, Day 1: HTML ### Instructions, Day 1: HTML
- Complete the HTML worksheet as you go.
- Open a jsfiddle window, the GitHub html folder, and w3schools in separate tabs in your browser. - Open a jsfiddle window, the GitHub html folder, and w3schools in separate tabs in your browser.
- Copy and paste the HTML code from each of the HTML files into the jsfiddle and run it. - Copy and paste the HTML code from each of the HTML files into the jsfiddle and run it.
Do in order: 1. text, 2. images, 3. table, 3. lists, 4. the rest.
Try modifying the code to see how the output changes. Add an extra block of text, or an extra form field. Put your own message in. Try making your own table or your own form. Try modifying the code to see how the output changes. Add an extra block of text, or an extra form field. Put your own message in. Try making your own table or your own form.
- After you get familiar with each of the files in the html folder, try building up your own personal webpage, similar to mine (homepage_2.html). - After you get familiar with each of the files in the html folder, try building up your own personal webpage, similar to mine (homepage_2.html).
Add images you find on the web (you just need the image url to put the image into your webpage). You may need to resize the images using width=wwwpx height=hhhpx. Add images you find on the web. You just need the image url to put the image into your webpage. You can do a google image search, the right-click the image and copy url. You may need to resize the images using width=wwwpx height=hhhpx.
Put things you like on your homepage. Put things you like on your homepage.
### Instructions, Day 2: CSS ### Instructions, Day 2: CSS
- Open a jsfiddle window, the GitHub css folder, and w3schools in separate tabs in your browser. - Open a jsfiddle window, the GitHub css folder, and w3schools in separate tabs in your browser.