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

Breadcrumbs in Notable Blogger theme

The modern themes available in Blogger are suitable for mobile devices; this is important in terms of indexing but Blogger not support breadcrumb of schema.org by default. If you add a few lines of code you can greatly improve your SEO and therefore your ranking in Google Search. I create a personal breadcrumb solution; if you have installed a responsive theme like mine in this article I explain how to add Breadcrumbs in Notable Blogger theme. How to add breadcrumbs in Notable Blogger theme First thing create a backup of you theme for security reasons You can add breadcrumbs in JSON-LD format or as following micro-data solution: Open your Blogger Dashboard Click on Theme >> Download a Backup for security reason Copy this code  <div class='post-body-container'>   Click Ctr+F and past the copied code then click Enter You will find this tag 1 time. Breadcrumbs in Notable Blogger theme Now copy the following code and past it below the tag : <b:if cond='data:view.
Post a Comment
Read more

Object cache problem of the AMP plugin for WordPress

If you are looking for one solution to the fix object cache problem of the WordPress AMP plugin displayed in dashboard from Site health; in this article I will show You how to do this in five minutes. Usually this situation arises when the installed theme is non an official theme and You have not cache plugin installed; anyway don't worry! We will solve the problem in a moment. Object cache problem of the AMP plugin for WordPress Why is important to enable persistent object cache for AMP  Accelerate mobile page (AMP), is latest technology of the Web. An amp page load very fast compared to to a standard Web page and Google search engine like very much this; so you can improve the ranking of your site and get more mobile users traffic. Persistent object cache If persistent object cache is enabled, WordPress work better; the images and files as CSS will loaded more fast. Every WordPress Hosting have a cache service, otherwise it would be very strange and I recommend that you consider
Post a Comment
Read more

CMS Content Management System

Anyone who wishes to construct and administer a website without knowing how to code should consider using content management systems (CMS). A content management system (CMS) is a piece of software that makes it simple to add and alter material to websites without changing the underlying code.  Because of this, CMSs are a fantastic option for organizations and people who lack the technical know-how to build a website from scratch.  CMS  How many types of CMS exist? There are several available CMSs, each with unique benefits and drawbacks. The most well-liked CMSs include: WordPress Drupal  Joomla  Magento  Shopify  TYPO3 Picking the CMS that best meets your needs is vital since each one has unique features and functions. Gins that are offered. If You learn PHP, Javascript, HTML and CSS programming language You can create Your personal CMS. Who can use a CMS?  Anyone who wants to build and administer a website without knowing how to code will find CMSs to be an excellent option. You may
Post a Comment
Read more