Intro to HTML
Learn HTML coding and start making your own websites.
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.
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.
Now you know the facts
So let's start!
and learn HTMLGooooo
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:
Most tags must be opened
<h1> and closed
</h1> in order to function
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"
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>
Creating your first Website
Web pages can be created and modified by using professional HTML editors.
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.
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>
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!
Are you wondering
what do these Tags mean?
Let us explain you the TagsNext
The Tags explained
This tag specifies the language you will write on the page. In this case, the language is HTML 5.
This tag signals that from here on we are going to write in HTML code.
Underneath the HTML we will open two further elements:
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.
<body> tag you put your content.
Have fun building Websites!
Theory is over!
For more resources, click belowHome