HTML Layout - Useful Tips CREATED BY =JAY-AR SIMON SEBASTIAN

504 5 5
                                    

Open Notepad in Microsoft Windows.

2

Enter <HTML>. The HTML tag declares your document an HTML page.

3

Enter <head> below the HTML tag.

4

Enter </head> to close the head tag.

5

Enter <body>. The body tag tells the browser body text begins.

6

Enter: Hello there!

7

Enter </body> to close the body tag.

8

Enter </HTML> to close the HTML tag.

9

Your results should look like this:<br /><br /><br /><br /><html><br /><br />?<head> <br /><br />?</head> ?<br /><br /><body> ?Hello there!?<br /><br /></body> ?<br /><br /></HTML>

10

Save the document with an .html extension.

11

Navigate to where the document is saved and double-click the document. It should display "Hello There" in your default web browser.

Read more: How to Write HTML in Note Pad |

<html>

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

</body>

</html>

HTML Style Example - Font, Color and Size

The font-family, color, and font-size properties defines the font, color, and size of the text in an element:

Example

<html>

<body>

<h1>A heading</h1>

<p>A paragraph.</p>

</body>

</html>

HTML Style Example - Text Alignment

The text-align property specifies the horizontal alignment of text in an element:

Example

<html>

<body>

<h1>Center-aligned heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

Try it Yourself - Examples

HTML links

How to create links in an HTML document.

(You can find more examples at the bottom of this page)

HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

Naabot mo na ang dulo ng mga na-publish na parte.

⏰ Huling update: Dec 13, 2014 ⏰

Idagdag ang kuwentong ito sa iyong Library para ma-notify tungkol sa mga bagong parte!

HTML Layout - Useful Tips  CREATED BY =JAY-AR SIMON SEBASTIANTahanan ng mga kuwento. Tumuklas ngayon