-
Learn HTML for beginners

Learn HTML for beginners

Introduction

Introduction to HTML? Hpertext Markup Language(HTML) played a vital role in launching the web as we know today. Time Berners Lee while woring in CERN Lab has developed the language and the journey of html reached today's HTML5 version. As a result of html language introdocution the handling of structure and relating to the pages helped developers to connect and send information , which marked the beginning of Internet era. Cascading Sytle Sheets(CSS) in suport with html language provided substantial benefits to the web page by adding more flexibility and easy understanding and also made it design perfect with colours and styles being added to the web pages. By the introduction of javascript, which helped in achieving interactive websites and web pages became more flexible and appealing.

What is the Structure of a Web Page

Example: Hello World

The simplest html script prints text to the browser. Here’s how you can write a "Hello World" program: 

        <html>      
<h1>Hello World<h1></html>

Hello World

💡 Tip: Always start HTML code with <html> and end with </html>.

Head and Body Tags in HTML

The page structure of an html web page divides mainly in to two section viz. head tag and body tag, these tags constitute the main structure of a web page in html. All the other items like style(inside head tag) and p for paragraph all these includes in body tag.

<html>
<head>
</head>
<body>
</body>
</html>

Text Elementsin html

Text Elements in html are mainly h1, h2, h3, h4 and for paragraph 'p' tage Fonts in html is not so important there are many fonts available like Roboto, Poppins etc, google fonts link also can be created. Font colours should be attractive and matching to the web page and readable. below are some explanation of font colours, headers and paras in body structure.

<html>
<h1 style= "color:green; font-family: roboto"> This is heading no.1 in html/h1>
<h2 style= "color:blue; font-family: roboto"> This is heading no.2 in html/h2>
<h3 style= "color:yellow; font-family: roboto"> This is heading no.3 in html/h3>
<h4 style= "color:black; font-family: roboto"> This is heading no.4 in html/h4>
<p style= "color:yellow; font-family: poppins"> There are numerous colour options and font families in html like arial, poppins, roboto are some of them </p>
</html>

This is heading no.1 in html


This is heading no.2 in html


This is heading no.3 in html


This is heading no.4 in html


There are numerous colour options and font families in html like arial, poppins, roboto are some of them

Links and Images

The html developments itself has happened due to the reaserch for linking of pages, therefore, the most important face of web development is links which will provide easy stepping from one page to the other and links of various pages outside of main file say index.html with style sheets and bootstrap pages etc along with javascript inside a web page, in the following example, an html link has been created in a web page

<html>
<head>
<link rel href="url"/>
</head>
<body>
<a href="www.example.com">
<img src="image.jpg" alt="Description" width="200">
</a>
</body>
</html>

Popular posts from this blog

TRAINING AND DEVELOPMENT

-
  TRAINING AND DEVELOPMENT : Training and Development means training the employees and develop their skills to carryout the assigned job.  Every Organization must have a Training Department to look after the training needs of the Organization's employees.  This Training Department will oversee the training needs of an Organization.  In order to impart training to the newly joined employees upon joining in an Organization they will be handed over to the Training and Development Department where the training of the newly joined training are being undertaken.  The Training Manager will provide the schedule of training to the new joiner and they will be trained in the Training Department itself but for learning the job they will be sent to the concerned Department where the employee likely to join his regular duties in future.  Also they will be sent to other Departments also during the training period for learning the culture of the Organization and ...
Read more

Contracts in Organizations

-
Awarding Contracts : How to define a Contract: A contract  simply means the process of entering into an agreement in writing to provide services for a specified period of time say one or two years or supply of items or manpower for a specified period under mutually agreed terms and conditions between two parties forming the agreement between Contractor and Contractee.   Essentials of a Contrat: A Contract needs the following : 01. A Person or a Contractee who is in need of hiring a contractor. 02. A Contractor, who agrees to the contract or provider of a service 03. A valid Agreement, Offer, and Acceptance of the Offer.  04. Interest, the parties to the contract show some inclination or interest in contracting with the other party. 05. Purpose, there should be a purpose or services. 06. Making the Offer and Acceptance of the Offer. 07. Mutual Agreement to the Offer. 08. Time Period, the agreement will be entered into between parties to the contract for a specified ti...
Read more

ORGANIZATIONAL DEVELOPMENT

-
A well formed and nurtured Organization is in need of minimum manpower to run the business of the Organization. Whether the organization is setup for social purpose or not, for the conduct of the daily routine jobs manpower with some good caliber is required.  When a candidate join the Organization as its employee to cater to the needs of carrying out these jobs may or may not have sufficient work experience of working in any other organizations. But to bring them to the natural work flow these new joiners are to be trained with regard to the Organization's culture and values.  These culture and values are to be inculcated into the employees worth.   Every Organization is setup with a motive of making profit in normal case there may be exceptions when we consider the Social Organizations which will make up the society's face value.  Social Organizations are set up with an objective of implementing welfare schemes among the residents of a particular area, vi...
Read more