HTML Introduction

What is HTML

HTML stands for Hypertext markup language which is used for creating web pages and web application.

You can create static website using HTML. For greater visual and interactive experience, it is used along with CSS and scripting languages like JavaScript.

HTML is a markup language, means using html tags it can mark text to be more interactive and dynamics. you can create links, tables, display images etc.

Brief History of HTML

In the late 1980's , a physicist, Tim Berners-Lee who was a contractor at CERN, proposed a system for CERN researchers. In 1989, he wrote a memo proposing an internet based hypertext system.

Tim Berners-Lee is known as the father of HTML. The first available description of HTML was a document called "HTML Tags" proposed by Tim in late 1991. The latest version of HTML is HTML5, which we will learn later in this tutorial.

HTML Tags

HTML tags are building block of html.

  • HTML tags are keywords surrounded by angle brackets like <html>.
  • HTML tags normally comes in pair like <u> and </u>

Basic example of HTML

Copy/Paste below code and save in a file with extension ".html".

<html>
    <head>
        <title>Web page title</title>
    </head>
    <body>
        <h1>welcome to HTML</h1>
    </body>
</html>

 Double click on saved file, It will open in browser.

<html> : This tag informs the browser that it is an HTML document. Text between html tag describes the web document. It is a container for all other elements of HTML.
<head> : It should be the first element inside the <html> element, which contains the metadata(information about the document). It must be closed before the body tag opens.
<title> : It is used to add title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately.
<body> : Text between body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document.
<h1> : Text between <h1> tag describes the first level heading of the web page.



Comments

Post a Comment

Popular Posts

How to Import and Export Delimited Files, like CSV, in PowerShell

Image
In this tutorial, we will see how we can use PowerShell to import and export CSV file's data. Managing CSV Files using Import/Export-CSV in PowerShell We have two important cmdlets import-csv/export-csv which are widely used while working with CSV. Before moving to how to manage these type of files, First look at what is CSV file: A Comma Separated Values ( CSV ) file is a plain text file that contains a list of data. These files are often used for exchanging data between different applications. For example, databases and contact managers often support CSV files. A CSV file has a fairly simple structure. It’s a list of data separated by commas as you can see in below screenshot. We have file "email.csv" having email address and name separated by comma. You can use notepad/excel to open thses file. Now lets move back to our main topic, how to manage csv files with PowerShell.  Reading CSV Files with Import-Csv Importing of csv file is pretty straight forward. First move to
Read more

PowerShell Arithmetic Operators

Image
In this tutorial we will see about PowerShell Arithmetic Operators and how PowerShell is dealing with them. Arithmetic operators are used to perform numeric calculations. As well as numeric calculations, the addition operator may also be used with strings, arrays, and hashtables. Multiplication operator may also be used with strings and arrays. Below is the list of PowerShell arithmetic operators. Operator Description Example + Adds numeric values 4 + 6 concatenates a string, arrays, and hash tables “CS” + “Tutorials” – Subtracts numeric values 4 – 2 Makes a number negative -98 * Multiple numeric values 4 * 2 copy string, arrays to the specified number of times “!” * 4 / Divides numeric values 4 / 2 % Gives remainder after division 7 % 3 For live demo, watch below video. I have demonstrated the use of PowerShell arithmetic operators by  creating calculator. Along with operators, Switch statement and While loop also used.  
Read more

How to generate a GUID in PowerShell

Image
 If you ever need a unique id in your script, you can create GUID (globally unique identifier) In PowerShell 4.0 and earlier you can use [guid] class with its static method. In PowerShell 5.0 and later, you can use New-Guid cmdlet: You can use Get-Member to know its object type. You can also store GUID into a variable like below If you want to get GUID as string, use ToString  method or Guid  property. Both return output of string type, you can verify this using Get-Member .
Read more