learn html code example

Example 1: how to html

tep 1: Open TextEdit (Mac)
Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then open a new document to place the code.

Step 2: Write Some HTML
Write or copy the following HTML code into Notepad:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Notepad

Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

View in Browser

Tip: You can use either .htm or .html as file extension. There is no difference, it is up to you.

Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

The result will look much like this:

View in Browser

W3Schools Online Editor - "Try it Yourself"
With our free online editor, you can edit the HTML code and view the result in your browser.

It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others:

Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

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

</body>
</html>

Example 2: html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML basics</title>
    </head>
    <body>


    </body>
</html>

Example 3: learn HTML

#Tutorial
https://html.com/
https://www.tutorialspoint.com/html/index.htm
https://codescracker.com/html/index.htm
https://www.learn-html.org/
https://www.w3schools.com/html/default.asp
https://www.freecodecamp.org/
https://www.coderepublics.com/HTML/html-tutorial.php
https://www.tutorialrepublic.com/html-tutorial/

#Course
https://www.coursera.org/
https://www.udemy.com/
https://www.codecademy.com/
https://www.edx.org/learn/html
Youtube

Example 4: HTML

<html>
<body>
<h1>HTML ROCKS!!</h1>
</body>
</html>

Example 5: basic html

<p>My cat is very grumpy</p>

Tags:

Css Example

Recent Posts