Learn how to code by Alex Furtuna

Anyone can start (Creating the file)

alexandru_fortuna — 2019-01-28 05:23:45 UTC

You may not know this, but you can program using notepad! Go to your desktop and right click an empty space. Hover on "New", then click on" Text Document". Now name it to whatever you want. Open the file and click on "File". Then, click on "Save as". You'll see a window open. Change the ending to ".html" instead of ".txt" then save the document. To start coding, click on the file and open with Notepad.

Adding your code (Add headlines)

alexandru_fortuna — 2019-01-28 06:21:10 UTC

The most important part of a website is the information. That information is given to you through text. You can add text by adding an opening tag that looks like this :

and closing tag that look like this :

. Usually the text added between these tags are used for titles or sub-titles. By changing the numbers in the opening and closing tag to any number from 1 to 7, you can change its size. 1 being the biggest and 7 being the smallest. The photos show a result of what it looks like after you added the code.

alexandru_fortuna — 2019-01-28 06:24:17 UTC

Adding the information you need

alexandru_fortuna — 2019-02-05 23:12:55 UTC

The main point of a website is to give information somewhat like Wikipedia. After the head tag you can start your paragraph by adding the head tag:

and the closing tag

. Your website should look something like this if you added a title, a sub-titles and a paragraph. If you want to underline the text use the opening tag and the end tag after the opening tag of the paragraph tag and the closing one. You can also make it bold by doing the same thing but with and and make it italic with and

alexandru_fortuna — 2019-02-05 23:26:49 UTC

alexandru_fortuna — 2019-02-05 23:27:06 UTC

Adding images!!!!

alexandru_fortuna — 2019-02-05 23:56:26 UTC

Now this is where things get interesting. You can easily add pictures to your website as long as you have them downloaded as a .jpg file on your desktop or in the same location as your html file and if you have the bit.ly link to your photo. The element you need to add code is "img". It should look something like this :

alexandru_fortuna — 2019-02-06 00:09:51 UTC

alexandru_fortuna — 2019-02-06 00:10:07 UTC

alexandru_fortuna — 2019-02-06 00:53:14 UTC

alexandru_fortuna — 2019-02-06 00:54:20 UTC

Adding links to external websites( You know most of the basics by now! )

alexandru_fortuna — 2019-02-06 00:55:11 UTC

It's pretty simple, all you need now is an anchor element and an href attribute. An anchor element starts with the opening tag and the closing tag . To use the href attribute you have to insert it into the opening anchor tag like this : . The text displayed that allows you to go to that specific website goes in between the opening and the closing tag.

Adding links to internal sections of your web page

alexandru_fortuna — 2019-02-06 14:34:40 UTC

It's the almost the same concept as using the anchor element to link to an external page. The new code that you need is the "id" element. The "id" has to always be unqiue to the part of the website. You can instill it anywhere inside your website. You can give an "id" to your paragraphs, to your titles, and to your pictures! All you need to do is write an "id" element inside the opening tag of the section you want to link to as shown in the picture. It should always look something like this: id="dog pic" or id="dog". To refer to an id you need to add the hash symbol "#" before the referenced id.

alexandru_fortuna — 2019-02-07 02:08:45 UTC

alexandru_fortuna — 2019-02-07 02:08:56 UTC

alexandru_fortuna — 2019-02-07 02:22:16 UTC

alexandru_fortuna — 2019-02-07 02:22:44 UTC

alexandru_fortuna — 2019-02-07 02:24:24 UTC

Congratulations! You now know a lot of the fundamentals of HTML. Easy right? If you ever want to learn more you can always go to https://www.freecodecamp.org/. It's a free website that teaches you even more about HTML and other programming languages in detail. If you need help with something you can always contact me at alexandru.fortuna@gmail.com.

alexandru_fortuna — 2019-02-07 02:32:09 UTC

If you want the exact code I used to make the website you can download it here. I even added in the folder the picture I used so you can add the picture to the website. Just click on the rectangle below and the file should download automatically. It should be downloaded as a zip file. To get acces to what's inside just right click the folder and click on extract all.

alexandru_fortuna — 2019-02-07 13:21:17 UTC

This is a small survey that only takes around 3 minutes to complete. If you would take your time to complete it, you'll help me a lot by telling me what's good about my padlet and what I can add to make it even better. https://www.surveymonkey.com/r/7VCQP9J

Adding links to other pages

alexandru_fortuna — 2019-02-09 02:45:22 UTC

You can even link to another html file you created! It's the same concept, all you need is to reference your anchor element to the name of the second html folder you have as such.

alexandru_fortuna — 2019-02-09 02:50:11 UTC

alexandru_fortuna — 2019-02-09 02:50:49 UTC

Coding isn't difficult

alexandru_fortuna — 2019-02-11 22:37:27 UTC

Coding is used for every important as its the base of every new technology we see nowadays varying from simple things such as a website to the programming behind robots. It can even be used to make the simplest things like a tic-tac-toe game. The first thing Bill Gates, the founder of Microsoft programmed was a little game of tic-tac-toe. This shows that everyone starts somewhere and you learn everything through time.

A little bit about it's history

alexandru_fortuna — 2019-02-11 22:51:06 UTC

Berners-Lee first proposed an internet-based hypertext system which in term means text displayed on a computer screen which you can access through the internet. He created the language in 1990. HTML means Hypertext Markup language. It is usually used paired with CSS which is another programming and language.

alexandru_fortuna — 2019-02-11 23:16:29 UTC