Intro to HTML

Learn HTML coding and start making your own websites.
For free!

Let's start

???

What is HTML?

HTML (Hypertext Markup Language) is the standard markup language for creating web pages and web applications.

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

Next

Why should I know HTML?


HTML is the basic programming language for web development.
Is is beneficial to learn for developers, marketers, and people in many other disciplines.
Learning HTML can be used for situations like formatting a blog or email, working with a CMS,
embedding external content on your site, and creating usable content.

Tell me more

Knowing HTML is like making sure you're fully prepared for a vacation.

You may not end up using it every single day, but the times you do end up using it, you are so grateful that you had the foresight to figure it out. Knowing HTML can save you hours of frustration and time when making a Website.

Next

HTML is the foundation of the web.

So, it's also the foundation for taking your tech skills to the next level. Having a handle on the fundamentals will make learning another programming language (like JavaScript, Ruby, or PHP) a whole lot easier. And the more you know, the more job opportunities will open up for you.

Next

Now you know the facts

So let's start!

and learn HTML

Gooooo
???

What are HTML Tags?

Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is: <h1>

Most tags must be opened <h1> and closed </h1> in order to function

Next

What are HTML Attributes?

All HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

Example

Attribute Example!


The href Attribute:
HTML links are defined with the <a> tag. The link address is specified in the href attribute:

<a href="https://htmlco.de/">This is a link</a>

Next

Creating your first Website


Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the four steps below to create your first web page with Notepad or TextEdit.

Start!

Step 1: Open Notepad (PC)


Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen) and type "Notepad".
Windows 7 or earlier: Open Start > Programs > Accessories > Notepad


Step 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.

Next

Step 2: Write Some HTML


Write or copy some HTML into Notepad.

                 <!DOCTYPE html>
                 <html>
                   <body>
                     <h1>My First Heading</h1>
                     <p>My first paragraph.</p>
                   </body>
                 </html>
               

Next

Step 3: Save & View


Now save the file with CTRL+S as "website.html". Then open the file with your Favourite Web Browser. Congratulations, you just created your first Website!



Next

Are you wondering

what do these Tags mean?

Let us explain you the Tags

Next

The Tags explained


<!DOCTYPE html>

This tag specifies the language you will write on the page. In this case, the language is HTML 5.

<HTML>

This tag signals that from here on we are going to write in HTML code.
Underneath the HTML we will open two further elements: <head> and <body>
The content placed inside the <head> tag is mostly designed to be read by search engines and other robots and is not for human consumption.
Inside the <body> tag you put your content.

Next

Have fun building Websites!

Theory is over!

For more resources, click below

Home