Skip to main content

Introduction to HTML language

If you've decided to learn how to build websites from scratch, you'll find this introduction to HTML particularly interesting. HTML acronym for (Hyper Text Markup Language); is the standard that defines the structure of the hypertext language for the creation of  Web pages.

Structure of an HTML file

The creation of an HTML file is done through markers and tags; the first, structure the Web page for the Browser, the Tags are the containers of what is visible on the screen by the user. In practice, the Tags outline the content of a page.

Introduction to HTML language

If  You don't use a CMS (a program that allows you to do this without writing HTML code) for create a Web page, requires that you have assimilated the syntax of the HTML language. An HTML file has the opening and closing markers; this latter differs from a forward slash (/) in front of it; translated into English (Forwardslash) and which we will see shortly. 
In addition to what has just been said, there are some exceptions as illustrated below that do not provide for closure:
  • The <! DOCTYPE html> declaration specifies an HTML5 document (does not require closing).
  • The <html> marker; is the opening element of an .html file and this is how it should be closed </html>.
  • The <head> element contains all the document information not visible on the screen.
  • The title of the document <title>.
  • The <body> element that contains the part visible on the screen of a page.
  • The header (title) of the contents of a page <h1>.
  • The definition of a paragraph <p>.
  • The separator <hr> (does not need to be closed) and not even the Tag <br> to go to the next line.
Introduction to HTML language
Basic HTML file

In this introduction to HTML I have already presented all the main elements; there are only tables and lists that deserve a deeper discussion but now we are ready for a basic practical example.

How to view a web page

The software to view a Web page is "the Browser" the hardware is the monitor! In the past, creating a site required more effort for developers; before Responsive Web Design they were forced to create different styles for different browsers and displays by also integrating a lot of JavaScript code.

Introduction to HTML5: Responsive web design

With the HTML5 and CSS3 version of the language it is possible to do things that were previously only possible with the use of JavaScript. With these versions it is possible to use Responsive Web Design techniques which makes it possible to develop dynamic grids that adapt to the device screen. This type of approach solves all those problems related to the diversity of dimensions between the different mobile devices.
Labels:

Comments

Post a Comment

Popular posts from this blog

How to insert JavaScript into web pages

You have learned everything there is to know about HTML and CSS to start building your static website and now you would like to make it dynamic but you don't know how to insert JavaScript into web pages; right? Don't worry! Inserting the scripts into html files is really a breeze. If you read this article, in the next five minutes you will discover all the methods for inserting JavaScript into html files. How to insert JavaScript into HTML file JavaScript need HTML file to work.  Like CSS all methods of inserting JavaScript into a Web Page can be divided into two sections; add the scripts inside the TAG of  HTML file or by calling them externally. In detail we can insert JavaScript: Directly into Body of the HTML file. In the Head Tag and recall it in the body. With a relative or absolute external reference. Insert JavaScript into HTML file We will see an example of how to insert JavaScript shortly but first let's focus on when it is useful to do an explicit or implicit ...
Post a Comment
Read more

The origins of computer programming

Modern computers can process large amounts of data. Before the current computers we can only refer to the analytical machine of Charles Babbage; This machine performed calculations thanks to the rotation of gear wheels. Countess Ada Lovelace participates in the creation of Charles Babbage's analytical machine by decoding the language to make it work; US Department of Defense dedicates the ADA programming language in the name of the Countess.  The role of women in computer science  Apparently, the position of women in the history of computer programming seems to cut out only a marginal role; in reality, it is not so! As already mentioned in the previous paragraph; without the contribution that Countess Ada Lovelace left to the world of information technology; this science could be decades behind. The origins of computer programming languages  The origins of programming languages were determined by a mechanical and mostly experimental approach; with reference to the an...
Post a Comment
Read more

The syntax of the JavaScript language

Each programming language has very specific rules to follow and the syntax of the JavaScript language makes no exceptions; so if you want to learn how to program for the Web "client-side", you have to write the code correctly, otherwise, it cannot be interpreted by the Browser. JavaScript is a scripting language that makes a Web page dynamic; the script code must be inserted inside the HTML tags allowing the Browser to interpret it. The processing phase is carried out locally and not by the server, using the power of the PC; this as you can guess is more advantageous. Introduction to JavaScript Learning the syntax of JavaScript is the first step in working with the elements of the HTML language via ID; exploiting the objects of the DOM (Data Object Model) in the Browser. JavaScript allows us to make a web page interactive and dynamic but in detail, we can do: Mathematical calculations. Change the graphic aspects of a web page in real-time. Check the data in a form before it i...
Post a Comment
Read more