PHHTML stands for:
H - Hyper
T- Text
M- Markup
L - Language
Things to remember:
> HTML coding requires a little bit of memorization. You will need to understand and memorize Tags and attributes.
> In preparing to do a hands-n HTML coding, it is highly recommended to use Notepad ++ to see your mistakes faster.
> You will need to be patient. Take your time and don't tire yourself. Rest if you need it.
LET'S START THE LEARNING!
There are main things that we need to remember or consider when making an HTML code:
Tags
There are two types of tags:
1. Paired Tags
From the name itself, the tags are paired. If one is missing, the tag will be unreadable.
TAKE NOTE:
> The </(tag)> are what you call end tags.
> The <html> pair tag should always comes first as they are the utmost important tag.
> If the end tag is missing, it will not be readable
2. Unpaired Tags
This is the opposite of the paired tags.
TAKE NOTE:
> Unpaired tags don't have end tags but you can add a backslash in these following Tags:
These are useful and basic tags that we will use:
The Paragraph - <p>, </p>
The Heading - <h (1-6)>, </h (corresponding number>
- > Note that H1 is the most important heading while H6 is the least important Heading.
The HTML tag - <html>, </html>
- > These are inserted at the beginning of the notepad
The Body Tag - <body>, </body>
- > This is where you put the content of the web site
The Head tag - <head>, </head>
- > don't be confused with Head and Heading. Head tags are usually typed after the HTML tag. The use of this is to put the title of the website which can be found in the Tab of the browser.
The Title - <title>, </title>
- > The very title of the website that is located in the tab of the browser. Titles tags are inserted inside the Head tag.
The Break - <br>
- > How to use:
The Horizontal Rule - <hr>
- > Much like The Break, horizontal rule adds a horizontal line in the web site.
Here is a sample HTML code:
* Pwede po akong mag-add ng bagong topics kung gusto ninyo po. Pa feedback po kung naintindhan ninyo po ang pinag-type ko
Salamat mga kaPHC!
H - Hyper
T- Text
M- Markup
L - Language
Things to remember:
> HTML coding requires a little bit of memorization. You will need to understand and memorize Tags and attributes.
> In preparing to do a hands-n HTML coding, it is highly recommended to use Notepad ++ to see your mistakes faster.
> You will need to be patient. Take your time and don't tire yourself. Rest if you need it.
LET'S START THE LEARNING!
There are main things that we need to remember or consider when making an HTML code:
Tags
There are two types of tags:
1. Paired Tags
HTML:
Examples are:
<html> and </html>
<body> and </body>
<p> and </p>TAKE NOTE:
> The </(tag)> are what you call end tags.
> The <html> pair tag should always comes first as they are the utmost important tag.
> If the end tag is missing, it will not be readable
2. Unpaired Tags
HTML:
Examples are:
<br>
<hr>
<img src="url">TAKE NOTE:
> Unpaired tags don't have end tags but you can add a backslash in these following Tags:
HTML:
</br>
</hr>These are useful and basic tags that we will use:
The Paragraph - <p>, </p>
The Heading - <h (1-6)>, </h (corresponding number>
- > Note that H1 is the most important heading while H6 is the least important Heading.
The HTML tag - <html>, </html>
- > These are inserted at the beginning of the notepad
The Body Tag - <body>, </body>
- > This is where you put the content of the web site
The Head tag - <head>, </head>
- > don't be confused with Head and Heading. Head tags are usually typed after the HTML tag. The use of this is to put the title of the website which can be found in the Tab of the browser.
The Title - <title>, </title>
- > The very title of the website that is located in the tab of the browser. Titles tags are inserted inside the Head tag.
The Break - <br>
- > How to use:
HTML:
<p> I like ponies.
I like trains </p>
Output:
I like ponies. I like trains
-> Browser doesn't read Enters. If you want to move a specific sentence in the next line, you can use Breaks.
<p> I like ponies.<br>
I like Trains </p>
Output:
I like ponies.
I like Trains.The Horizontal Rule - <hr>
- > Much like The Break, horizontal rule adds a horizontal line in the web site.
Here is a sample HTML code:
HTML:
<html>
<head>
<title> Insert Title Here </title>
</head>
<body>
<h1> This is a Heading </h1>
<p> This is a paragraph </p>
</body>
</html>* Pwede po akong mag-add ng bagong topics kung gusto ninyo po. Pa feedback po kung naintindhan ninyo po ang pinag-type ko
Salamat mga kaPHC!