WHAT IS HTML?
HTML or Hyper-text Markup Language, is a programming language used for developing webpages,
where HTML is the framework.
THE PEG/MARKUP/ELEMENT:
HTML uses a peg (originally called markup or element) to build the structure of the website; pegs
determine what does the text look like or do, for example when you want to make a hyper link we use
“<a>link</a>”, the link will be highlighted with a color blue marker, if you want to make a text be In a
bold font, we use “<b>text</b>”. Pegs come in pairs, both have lessthan and morethan signs, the first
peg has only the letter of the desired peg (e.g. <a>), and the second peg has a forward slash then the
same letter used in the first peg (e.g. </a>). The first peg is called the opening peg, it is always placed
at the start of the text, and the second peg is called the closing peg, it is always placed at the end of
the text. Example of a complete peg is: <b>Hello World</b>, this is what a complete peg looks like,
the result of this when you view it on the live server is “Hello World”.
CHEATSHEET FOR COMMON TASKS:
1. For maaking a link: <a href="[Link] link to [Link]</a> : Element is <a>
2. For placing images: <img src="[Link]" width="50" /> : element is <image>
3. For emphasizing a text: <em>I'm posh</em> : element is <em>
4. For making a text italic: Mark a phrase in <i>italics</i> : element <i>
5. For making a text Bold: Bold <b>a word or phrase</b> : element <b>
6. For marking a text: <mark>Notice me!</mark> : element <mark>
7. For placing a qoutation mark: <q>Me?</q>, she said : element <q>
8. For breaking a line: Line 1<br />Line 2: element <br>
9. For placing a Tittle there are 6 types, <h1> to <h6>: <h1>Tittle</1> : element <h1> - <h6>
10. For placing a normal text: <p>Hello World</p> : element <p>
THE HTML FORMAT
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
You should memorize the HTML format, you will make the website in this format.
Examples of basic functions of elements
Here are the <h1> - <h6> header element, they are used for a tittle, h1 being largest, H6 being
smallest.
Here is the <mark> mark element, this element highlights the text you want it to be highlighted.
Here is <b> bold text, this element makes the font of the text bold.
Here is <i> italic text, this element makes the text italic.
Here is <a> link/hyper-link element, this makes a clickable link that takes you to another website.
Here is <img> image element, this places the picture in the webpage by using the file on ythe
computer.
Here is <p> paragraph element, this is where the foint is in default and you can use this to write things
in a paragraph. There is another version of this, <pre> preformated text element is also a <p> but the
format of the text you used in the code will be also the format of the text in the page.
Those are the basic functions of elements in HTML that you need to know first.