Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/a1cd/project-guide
https://github.com/a1cd/project-guide
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/a1cd/project-guide
- Owner: a1cd
- Created: 2022-12-01T02:04:21.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-12-02T19:17:40.000Z (about 2 years ago)
- Last Synced: 2024-11-02T11:24:54.809Z (3 months ago)
- Language: HTML
- Size: 7.81 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
**[BEFORE YOU DO ANYTHING OPEN THIS FOLDER IN WEBSTORM OR INTELIJ]**
# hello
Here are some example steps:
1) try and change the title of the website
2) try and add a header
3) try and add some paragraph text
4) add some css by creating a file called `index.css` and google how to attach css file to html document
1. hint: its called **External CSS**
5) make the text blue
6) make the text have padding
6) add an image
7) make the image smaller
8) see if you can add a font if you want
9) make the text be on one side of the image, like this:
```
_____________
| | HEADING
| |
| image | ilposem dolor or whatever blah
| | blah blah blah blah. you get the
|___________| idea
```
here are some resources to help, look at these when you cannot figure out what to do next
1) look at the [index.html](index.html) file in the folder. It is a pretty basic website template
2) notice how, for every `` there is a `` later in the code
3) the exceptions are `` and ``
3) next, look at [this website](https://www.w3schools.com/html/html_head.asp) and read about **The HTML Element** and **The HTML Element**
4) forget everything i said because i found a better explaination: [here](https://www.w3schools.com/html/html_intro.asp)
5) dont read the html history
6) [HTML basic](https://www.w3schools.com/html/html_basic.asp)
7) [HTML elements](https://www.w3schools.com/html/html_elements.asp)
8) [HTML attributes](https://www.w3schools.com/html/html_attributes.asp)
9) [HTML headings](https://www.w3schools.com/html/html_headings.asp) - skim thorugh this
10) [HTML Paragraphs](https://www.w3schools.com/html/html_paragraphs.asp) - just like skim through this
11) [HTML Styles](https://www.w3schools.com/html/html_styles.asp)
12) [HTML Comments](https://www.w3schools.com/html/html_comments.asp) [super optional]
1. dont actually use these, they are worthless, but you should still know what they are
13) [HTML colors](https://www.w3schools.com/html/html_colors.asp) [optional sort-of]
14) [CSS](https://www.w3schools.com/html/html_css.asp) super super important
15) [css classes](https://www.w3schools.com/html/html_classes.asp)
16) [css ids](https://www.w3schools.com/html/html_id.asp)
17) [this is important to know before doing links or images or javascript](https://www.w3schools.com/html/html_filepaths.asp)
15) [links](https://www.w3schools.com/html/html_links.asp) - tl;dr links are done like this:
```HTML
Google Homepage`
```
16) [images](https://www.w3schools.com/html/html_images.asp) - allways very helpfull
18) for if you dont want your website to look like the first website to ever exist: [layouts](https://www.w3schools.com/html/html_layout.asp) (also look at css)
# extras and finishing touches:
the following is completely optional but adds some small details to the website
[favicons](https://www.w3schools.com/html/html_favicon.asp)
19) [how not to make ppl mad at ur code](https://www.w3schools.com/html/html5_syntax.asp)
20) 17) [javascript](https://www.w3schools.com/html/html_scripts.asp)