Previously, I have been using Dreamweaver as my standard coding program. I’ve been using Dreamweaver since my first year of university but I’ve never been the biggest fan of it. So, time to try out some new programs.
When I first taught myself HTML, I used an old library book and notepad on an old Windows XP machine. While I know notepad can still be used, I want something that can still recognise Syntax’s to help out a little when I may type a word slightly wrong. A common problem of mine. And that can easily run on my computer without slowing everything else down. With Adobe products, I find they take up more power than needed.
There’s one program I have heard of before and used slightly, so I think I will give this one a try. Notepad++
Downloaded the software, very easy to install and fast loading. Upon opening the software, I’m a little lost.
While I know HTML, I think it will be worth going back and relearning the software from the ground up again, as it has been a while since I’ve used it.
HTML stands for “Hyper Text Markup Language”.
<!DOCTYPE html> – Declaration at the beginning of the code to tell the computer what kind of document it is, in this case, HTML.
<html> </html> – Beginning and end of HTML code.
<h1> </h1> – Heading size 1.
<head> </head> – Contains the metadata for a webpage. Metadata is information about the page that isn’t displayed directly on the webpage.
<title> </title> – The browser displays the title of the page because the title can be specified directly inside of the <head> element by using a <title> tag.
The title appears in the tabs at the top of your browser. Like this:
<body> </body> – The main body of the webpage.
So, the basic layout of a webpage looks like this:
<p> </p> – Paragraph tags.
This does all feel very repetitive, but the point is to refresh my mind…
<br /> – Line breaker. when put into a paragraph tag, it separates the text into two lines. Example: <p> Line One <br /> Line Two </p>
– Div boxes allow for code to be placed in “a box” within the body of the code.
Commenting! The most useful tool imaginable. To comment something out, for example a paragraph. Use:
<!– <p> this is being commented out </p> –>