HTML:
This is what a boring HTML5 page looks like.
It does not have any CSS, or JavaScript, just html.
1st -
you will notice that the URL of this webpage is: ryansmithart.com/fall2023/page1.html
My website is: ryansmithart.com
These are called URL addresses (uniform, or universal, resource locator), and each forward slash indicates a separate folder. These folders are called directories.
So, the page1.html file, is saved in a "fall2023" directory (like files inside folders). All of these are stored on a server, connected to the domain name "ryansmithart.com". I will talk more about this some other day, when we talk about uploading.
2nd -
You will notice that there are no capital letters, and no spaces in the file names or directories.
Let's all say this out loud, and repeat:
"WHEN CREATING FOLDERS AND FILE NAMES, I WILL NOT USE CAPITAL LETTERS OR SPACES."
For example if I wanted to save an image, I would save it as dalai_lama.jpg in a directory called images
NOT: Dalai Lammma.JPG in a folder called Images
This is what a basic .html page looks like. It has a head, with a title. And, a body, where most of your images and paragraphs go.
* Note: Images must be saved in the same folder with your .html page.
<!doctype html>
<html>
<head>
<title> 466 </title>
</head>
<body>
<p>
some text
<br>
<img src="me.jpg">
</p>
</body>
</html>
You can use text editors to create the .html pages ( BB Edit
or
Brackets )
After your page is edited/saved, you can open it in a webbrowser (Safari, Google Chrome, etc.)