Basic Website Learning

I am showing you how to make your first webpage.
You do not need to learn much code writing.
I am lazy and I do not know how to code.
So I am going to show you how to make your first webpage,
the easy way.
If you are working on a windows PC you can use notepad
which comes with windows.
If on a mac, you use the text editor provided.
Type everything from <!    to </html>
into notepad or your text editor and save as a .html-----(firstpage.html)

This is the minimum code you need to make your first page.

<!DOCTYPE html>
<html>
<body>

Type your name here

</body>
</html>

Save all you typed from       <!    to the </html>
as a firstpage.html------you just created your first webpage----(kudos to you)    Click here to see what it looks like.----- firstpage.html

 

 

Now take the firstpage.html and add a bit more.
Now make a heading and a new paragraph.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph<br>
I am writing a bit about me.</p>

</body>
</html>

Save again as a new page firstpage2.html----------------- Click here to see what it looks like.----- firstpage2.html

 

Now take the firstpage2.html and add a bit more.
Let's add a link to a page on the www
and an image.
(note the image must be in the same folder as your page.html or it
will not display correctly. You may also put in a folder------images---
as long as you have a correct path in the line.----<img src=images/"w3schools.jpg" alt="W3Schools.com" width="104" height="142"> )


<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

<a href="https://www.w3schools.com">This is a link</a>

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

</body>
</html>

Save again as a new page firstpage3.html----------------- Click here to see what it looks like.----- firstpage3.html

I hope this helps you a bit along the way. Should you want me to do a small site for you
use this link to see what we can do for you.     ---------    More info.