ImAlpha/OdinProject
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Created markdown directory and added images

Browse Source
This commit is contained in:
Jacob Delgado 2023-04-03 17:45:59 -07:00
parent b15871acc1
commit f8cf891438
5 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
TheOdinProjectNotes.md → Markdown/TheOdinProjectNotes.md
View File

@ -143,3 +143,45 @@ git remote set-url origin https://'username':'password'@repositorylink
</html> </html>
``` ```
#### Body Element #### Body Element
- All content will be displayed to users inside of this tag
```HTML
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First Webpage</title>
</head>
<body>
</body>
</html>
```
#### Viewing HTML Files in the Browser
- You can drag and drop an HTML file into the browser and it will open up the page
- You can also use a preview extension that will open a browser window
- In Ubuntu you can use the command `google-chrome index.html` to open it as well
- Using `<h1>` for the heading can render out a title on the page
```HTML
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First Webpage</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
```
- **VSCode can generate the entire boilerplate by entering `!` into a blank `.html` document**
## Working With Text
### Paragraphs
- If text is not preceded by a `<p>`, then it will all clump together as one large body of text
- ![](images/chrome_dnDCL9ylH1.png)
- ![](images/chrome_r0YaBjn2YV.png)
### Headings
- These use the `<hx>` tag where `x` is the number that changes the font
- `<h6>` is the smallest font
- ![](images/chrome_drT4PQKjhb.png)
-

BIN
Markdown/images/chrome_dnDCL9ylH1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
Markdown/images/chrome_drT4PQKjhb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
Markdown/images/chrome_r0YaBjn2YV.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

4
html-boilerplate/index.html
View File

@ -4,4 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>My First Webpage</title> <title>My First Webpage</title>
</head> </head>
<body>
<h1>Hello World!</h1>
</body>
</html> </html>