HTML WebsiteHow to create an HTML page
What is HTML?
HTML is the acronym of the term Hyper Text Markup Language which in English literally means hypertext markup language. HTML is not actually a programming code, but a declarative language for marking hypertexts that allows you to indicate how to arrange the content of the elements within a web page.
These indications are given through special markers called tags to give structure to hypertexts. The idea consists in defining languages based on textual markers, i.e. tags, which allow the structural characteristics of documents to be described. Each tag contains structural information with a particular semantic meaning that somehow denotes the text connected to it.
Html does not differentiate uppercase and lowercase characters, that is, it is defined as a “case insensitive” language.
Example of a complete HTML Website
Now let’s see an example of how an HTML page is structured that can be defined as complete to build our html website.
As in any newspaper page, HTML pages also use a structure that helps the reader understand what he sees. That is, there will be a title, text and images. If the article is rather voluminous we will be able to find subtitles that distinguish each topic covered, therefore we will always find a hierarchy that helps us to acquire the sense of what is shown to us within our html website.
In an HTML page we will only have to add so-called tags, which will be used by the browser to interpret the content they will have to display. Each element will therefore have an opening tag and a closing tag (which differs with the character “/”) and will look like this: <tag>tag content</tag>.
We can say that tags behave like containers and we will initially have to learn to recognize them in order to create our first html web page.
All HTML pages have the <html> tag at the beginning, which tells the browser that everything after that can be interpreted with HTML (we are currently at the HTML5 standard).
Inside the <html> tag, just below we find the <head> and <body> tags .
The <head> tag contains all those data which give information to the browser but which are not shown on the screen. For example, above we have inserted the <meta> tag , where we indicate to the html interpreter that we use a standard UTF-8 character encoding on this page. In this tag we find a different structure than the others, in fact here we see how we can associate additional information with a marker, thanks to the pair name (charset) and value (utf-8). Below that is <title> which gives the title to the browser window we display and which as well as adding meaning to the whole page of our html website.
Further down, we find <body>, inside which we are going to insert all the content we want to make visible in the browser window.
The <h1> and <h2> tags represent the first and second-level titles. We can go down to <h6>.
The first-level title <h1> may only be used once within the web page of HTML website, as it tells the browser the title of the page’s entire content and would also create conflicts in terms of indexing. The others may instead be used at will.
Finally, the <p> marker stands for paragraph and contains all the text that gives substance to the discourse of an article.
The expert capable of understanding and using the HTML code of a site is the SEO Specialist. Find out with a test if this profession aligns with your aptitudes.
HTML was born out of the need for an intuitive system for managing related information that a wide range of computers could use. The first version of HTML was officially released in June 1993 by Tim Berners-Lee, now head of the World Wide Web Consortium, and Robert Caillau, co-inventors of HTML.
Development and objectives
What moved the World Wide Web Consortium W3C (an international organization founded in 1994 that oversees the definition of protocol specifications and guidelines concerning the world wide web) in 2006 to take part in the development of HTML5 was the need to provide those functionalities that were obtainable through the use of proprietary extensions within the browser such as Adobe flash. A second objective was to ensure greater compatibility between different browsers, regardless of the software platform used and the different types of devices on the market, especially mobile devices. Thus, html5 is supported by all operating systems, browsers, and mobile devices, achieving the goal of creating a language that allows the interchange of hypertext documents in a platform-independent manner.
Would you like to specialize in SEO and start your own consulting business?
Register for the webinar and find out where to start
HTML website or CMS
When one has to realize one’s own website, one is at a crossroads: is it better to do it in HTML or opt for a CMS? Both choices have advantages and disadvantages, whether it is a company website or a personal blog. Let us see them in detail.
Website HTML pro
It is certainly the most challenging but complete way to create a website, which will ultimately give the most satisfaction as it will allow you to create very complex sites with maximum customization: from the choice of color, images, and content. Everything is made to measure, and you will realize what you want without imposing limits on your imagination and having to adapt to pre-packaged standard structures.
To create a site in HTML, it is sufficient to use a simple text editor such as Notepad or Notepad++. Alternatively, more professional software can be used in WYSIWYG mode.
HTML website Vs
Building a website in HTML requires much more time for implementation, passion, perseverance, and a good mastery of HTML code. Future changes to the site will require attention with higher development costs for the customer on the part of the programmers.
A CMS is a dynamic content management site that requires no knowledge of HTML but only basic computer skills and allows the site author or those who manage/administer it to work on the creation, modification, and removal of content without intervening directly in the code. It has good SEO management and is definitely the quickest and best choice for those unfamiliar with web languages. Popular CMSs include WordPress, Magento, Drupal, Prestashop, and Joomla.
Despite numerous customization opportunities, CMSs, unfortunately, have design limitations.
Sites created with a CMS require more memory than those written in HTML. They are also unsuitable for creating complex websites or those requiring special functions, as they oblige/need you to write fixed and unmodifiable graphic elements that require you to adapt to what is made available. Since it is an open-source system, if you are not careful and do not update the CMS regularly, you may be at risk of hacker attacks on your site.
To understand more about how to create a site in HTML, contact an expert.
It will guide you in acquiring the necessary skills
To find out more about how to create a site in HTML, contact an expert.
It will guide you in acquiring the necessary skills