Getting Started with HTML: A Quick Overview
Full Stack Developer | SEO
HTML is a language that is quite similar to the text, but lighter, made up of elements/tags which is used on the text to help understand what is the function of each one (Is it a paragraph ? Is it a heading ? Is it a table ) ?
What is HTML ?
HTML is the markup language which helps the browser to know how to format the web content, and also give semantics to the web contents. HTML is a set of tags and elements that one has to place his content in order to make it be displayed or to give it certain behavior. For example, you can write the title and heading of a web page like this:For example, you can write the title and heading of a web page like this:
Basic Structure of an HTML Document
The following elements constitute the HTML document that serves as the foundation of any HTML document: Here is an example of the basic structure:Here is an example of the basic structure:
<!DOCTYPE html>: This declaration sets the type of document to HTML and the version that you’ll be using in the current document.<html>: This refers to the main document containers of the HTML and can be deemed as the main body of the page in question.<head>: They were used for defining the title of the document, as well as links to stylesheets for the current HTML document.<title>: This element specify the title of a HTML document that is seen from the browser’s title bar or tab.<body>: This section normally contains all the actual content of the HTML document like the headings, the paragraphs or any images, links or other contents that one can think of.
Usage of HTML
HTML deals with the creation of sections, headings, and links within a given web page, which is made up of section, paragraph etc. It is fundamental for the web development and is widely used for achieving the web content. Here are some common uses of HTML:Here are some common uses of HTML:
Creating Web Pages : HTML contains the formatting of a web page layout, composition and structure, which includes headings, description, lists, links, images, and other web media objects.
Embedding Media: There is also an option of looking for images, videos and audio that you would wish to display within your website for better presentation.
Linking Documents: HTML also has the control over linking which means being able to move from one Website or another in computers.
Form Handling: HTML forms are used for entering information being supplied by a user via text fields, selections, files, etc., that are provided to web servers.
Semantic Markup: HTML5 has incorporated new semantic tags of <header>,
<footer>,<article>,<section>etc to provide better idea of structure and content of Web pages at timesResponsive Design: HTML jointly with CSS styling and JavaScript is at the foundation of creating mobile-first, or flex/adaptive layouts – – layouts that are coded to adjust depending on the screen size and device used.
SEO Optimization: Use of appropriate html tags or html attributes improve SEO making the web page easily accessible to search engine.
Accessibility: HTML offers other characteristics and tags that allow for web page accommodation of Special Needs individuals such as person with blind sight.
Therefore web developers can design web compliant web pages with suitable layouts, easy to navigate, and understood by visitors with disabilities.
Summary
To sum up, HTML is an essential language, defining the structure of the Web-sites and giving the content of the Web-site meaning. It involves various elements and tags that are used to determine the overall look and usage of the content. The HTML document is again divided into four main section or heads which include the following important elements. The common ones are DOCTYPE declaration, <html>, <head>, <title>, and <body>. There are local comments in HTML that use ‘<!’ to begin and ‘>’ to end the statement. -The Notations, such as ‘’to do’’, ‘’Todo’’, and ‘’ FIXME,'’ <notetaking type=‘comment’> are used to add remarks or elaborative notes in regard to the code to aid in documentation and development.
