AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
HTML Tutorial

Free HTML Tutorial online



Free Tutorial HTML

HTML Tutorial


The purpose of HTML in the sense of all is to explain, in a most useful and at the same time pleasant, the basic notions of the HTML language and with them to initiate the future learners in the technique of creating a web page. During this course, you will find many examples, and in the last lesson, using the learned notions, we will together make the site of a particular kindergarten.

What is HTML?
HTML is the abbreviation for Hypertext Markup Language, which is actually the language that web browsers understand and with its help can display web pages. HTML is not hard to learn, as you can convince yourself in this course. It is enough to know the basic tags of this language (we will see later what these tags mean) in order to create a web page.

To do this you need to practice as much as possible, starting with the examples in the HTML course for everyone, to write the code for each example. This way you will acquire the basic knowledge very quickly, which will help you to create more and more efficient web pages.


HTML Tutorial pdf, notepad


Why do I have to learn HTML?
There are many programs with which writing HTML code is no longer needed, writing these programs in your place. But these programs are not the subject of this course, and in order to build a web page you need at least some basic knowledge of HTML that we tried to explain during the course. This course is addressed, first of all, to those who want to learn HTML, and thus, by writing the code, to have absolute control over the future web page.

These programs are called HTML editors and can be of two types: classic and WYSIWYG type editors (What You See Is What You Get, which translates into what you see is what you get). In the case of the second category of HTML editors, the users only have to deal with the graphic part, the page placement, etc., writing the HTML code, keeping in mind these programs. An observation worth noting is that the best HTML editors are not free.

My advice is to make web pages use an HTML editor, which is most useful to you, but only when you are familiar with HTML.

In conclusion, learning HTML has three major advantages:
it is very simple and does not require much time
offers absolute control over the web page creation
you can use within the pages that you will make "borrowed" HTML code sequences from other web pages

What do I need to know to get started learning HTML?
Learning HTML is very easy, you only need the following:
to know how to use a text editor (eg Notepad, etc.)
have at least one Internet browser (eg Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, etc.)
to do some free time (for example half an hour a day), to follow the course and to write each example you will meet here

  1. HTML text center horizontally and vertically
  2. HTML text input <input type="text">
  3. HTML link color
  4. How to Link CSS to HTML, external file not working?
  5. HTML link - hyperlink
  6. HTML form method
  7. HTML form select
  8. HTML form action attribute
  9. HTML form
  10. HTML Image tag, code
  11. How to code in HTML
  12. HTML text tag
  13. HTML text, how to display
  14. Container responsive styles
  15. HTML container tag
  16. HTML container
  17. HTML div style property
  18. How to put text in image HTML
  19. How to insert text in html code using javascript dynamically
  20. HTML background Image full screen responsive
  21. HTML List Bullet
  22. HTML List Style Type
  23. HTML List
  24. HTML Color Text
  25. HTML Colors
  26. HTML Image Align
  27. HTML Image Border
  28. HTML Image Background
  29. HTML Image Link
  30. HTML Image Size
  31. HTML Text Style
  32. HTML Text Align
  33. HTML Text Size
  34. HTML Text Color Style
  35. HTML Text Color
  36. HTML Table Color
  37. HTML Table Rowspan and Colspan
  38. HTML Table Width
  39. HTML Table Style
  40. HTML Table Border
  41. HTML Table
  42. HTML Font Face
  43. HTML Font Size
  44. HTML Font Color
  45. HTML headings tag, size, color, padding, align
  46. HTML div border color
  47. HTML div class tag attribute
  48. HTML div class container
  49. HTML form action - radio HTML form - how to create
  50. HTML comment one line and multiple lines
  51. HTML link open in new tab or window - how to create link
  52. How to create HTML link without underline
  53. HTML link tag with example
  54. HTML button action - How to create a HTML button action, size
  55. HTML button onclick - How to create a HTML button style onclick
  56. HTML button link - How to create a button style in HTML
  57. HTML table style, HTML border, width and height
  58. HTML image, size, link and image background
  59. HTML colors, background, text and border color
  60. HTML div style - div style class
  61. How to add text, paragraf in HTML
  62. HTML Tutorial - Tags and attributes
  63. HTML - Elements: body, head, title
  64. HTML Introduction
  65. Home HTML Tutorial

Tag <title>


In this section you will find general information about the web page, while the actual content of the page can be found in the tag. Before you save the file, remember that it needs the .html extension at the end.

Example2:
<html>
<head>
<title> Information on the content of the pages. My first web page!</title>
</head>
</html>


Tag <body>

The body element is the one that defines the beginning of the content of the actual pages (titles, paragraphs, code scripts, photos, videos, whatever).

As you can see in the next tutorial, we will treat all these content elements in turn.
For now, all you have to remember is that body encapsulates the entire content of the pages.

Example 3:

<!DOCTYPE html>
<html>
<head>
<title> Information on the content of the pages. My first web page!</title>
</head>

<body>
<h1> Information on the content of the pages. My first web page!</h1>
<p> Here we have a Paragraph</p>
</body>
</html>

Note: <p> (paragraph) we treat in the following tutorial


<< Previous Page
HTML Introduction
Next Page >>
HTML Tags Attributes


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


right-foot