Posts

Showing posts from December, 2018

Lists in HTML

Image
What is List? List is a group of items related to each other. Typed of list in htmlUnordered listOrdered listDefination list Unordered V/S Ordered List
Unordered listUnordered list is a group of related items arrange in no order.Order list is created by using <ul> </ul> tag.<li> </li> tag is used to create list items in the list. Creating Unordered List <ul>
       <li>Tea</li>
       <li>Coffee</li>
       <li>Cold Drink</li>
</ul>

Types of Unordered ListOrdered ListOrdered list is a group of elements a particular order.<ol> </ol> tag is used to create ordered list.<ol>
     <li>Tea</li>
     <li>Coffee</li>
     <li>Cold Drink</li>
</ol>


Types of ordered list Examples of ordered list
Definition List Definition list a group of items with key (terms) and value (definition) pair.

<dl> tag is used to create definition list.<dt> tag creates definit…
Post a Comment
Read more

Formatting in HTML

Image
What is the formatting?  Formatting means organize things for better presentation.  Formatting tags in HTML
Bold <b> V/S Strong <strong><b> Bold Text</b>
<strong> Strong Text</strong>Note:Both generates the same result but are semantically different.Strong is used to mark the important text. Italic <i> V/s Emphasize <em> <i> Italic Text </i>
<em> Emphasized Text </em>







Underline <u> v/S Insert <ins><u> Underline Text </u>
<ins> Insert Text </ins>




<strike> V/S <del><strike> Strike through text</strike>
<del> Deleted text </del>





Superscript V/S Subscript5 <sup>2</sup>
H <sub>2</sub>O








Center<center>Center aligned text</center>



Font Tag
Post a Comment
Read more

Inline V/S Block Level Element

Image
What is Element?An element is the combination of opening tag, closing tag and text between the opening and closing tag.The following figure helps you to understand, what is an element? Types of Element in HTMLBlock level elementsInline elements Block level Element Block Level elements are those which always starts from a new line.Examples of block level elementsAll Headings (h1,  h2,  h3,  h4, h5, h6)ParagraphsLists Inline Element Inline elements are those, which don’t change the line automatically.Examples of inline elementBold (<b>Bold</b>)Italic (<i>Italic</i>) Underline (<i>Underline</i>)Links (<a>Links</a>) Watch the video
2 comments
Read more

Paragraphs in HTML

Image
How to create Paragraph ?<p></p> tag is used to create a paragraph in html.Paragraph automatically change the line, and each paragraph starts with the new line.For Example, the following two lines create two paragraphs in HTML. <p>This creates first paragraph</p>
<p>This creates second paragraph</p> Attributes of paragraphAs similar to heading paragraph has an attribute align which is used to align paragraph text to left/ right/ center/ align. Example: <p align="left">This text will be align to left</p> <p align="right">This text will be align to right</p> <p align="center">This text will be align to center</p> <p align="justify">This text will be align to justify</p>




Output:  Watch the video
Post a Comment
Read more

Headings in HTML

Image
How to create HeadingsThere are 6 tags available in HTML to create the heading.ElementOutput<h1>Level-1 Heading</h1> Level-1 Heading<h2>Level-2 Heading</h2> Level-2 Heading<h3>Level-3 Heading</h3> Level-3 Heading<h4>Level-4 Heading</h4> Level-4 Heading<h5>Level-5 Heading</h5> Level-5 Heading<h6>Level-6 Heading</h6> Level-6 Heading Attributes of Headingalign attribute can be used with all heading to align heading text left/ right/ center / justify. align = "left"align = "right"align = "center"align = "justify" Understanding Heading MAPHeading are parsed by browser in a heading map.Heading map is similar to the index shown at the beginning of any book.Heading map plays an important role in SEO so always be careful while creating the heading map.To Check that heading map of your HTML page, there is a various tool available. For example Html5 outliner in google chrome. Heading m…
Post a Comment
Read more

Attributes in HTML

Image
What are attributes?Every HTML tag has some attribute associated with it, attributes define the specification of that tag.For example: If you are a human being, then your attributes/specifications are height, weight, age, color etc.An attribute is always written in the opening tag.An attribute is always written in name="value" pair.Attribute value always enclosed in double quotes or single quotes. Body tag Attributes?We have already learned, How to create a basic HTML page.A basic HTML page contains at least head and body tags.Body tag has various attributes associated with it, we have discussed some of them here in this article.text: This attributes used to define the text color in the body means your HTML content written in the body tag.bgcolor: This attribute is used to define the background color of the body (Web page).background: This attribute is used to add any background images of your web page. Example Let's see an HTML page example to demonstrate how attribute…
Post a Comment
Read more

Creating your first html page

Image
HTML page structure As we have already discussed, every HTML page is divided into two section -:Head SectionBody SectionHead sectionThis is a section which is actually not visible to the users on the web page, but it helps the content how to display the content.It is used to write the title, meta, script, style etc.Body SectionThis is a section which is actually visible on the web page. Example-1 <!doctype html> <html>           <head>                       <title>My First Web page</title>           </head>          <body>                      Welcome!!! in the world of web.           </body>   </html> Example Explained: 
 <!doctype html> reprents, which html version you are using. For html-5 doctype is as written. Before html-5 doctype is too complicatd. HTML-5 simplified doctype.Every HTML page starts with <html></html> tag.Because each HTML page have head section and body section, which is represented by <hea…
Post a Comment
Read more

Introduction to HTML

Image
HTML stands for Hypertext markup language.It is developed by Tim Berners-Lee in 1991 at W3C (World Wide Web Consortium).HTML is used to create web pages.A web page is a simple text file, that can be through the browser over the internet.A browser is a piece of software that is used to run the web page. popular browsers areGoogle ChromeMozilla FirefoxSafari by AppleMicrosoft edgeOperaThe latest version of HTML is HTML-5 before that HTML-4.01 is more popular.Web pages can be of two types.Static web pagesDynamic web pages.Static web pages are those which can't change automatically, need to change manually.For example: if you create a simple text file and write the current date. if the same file is opened after 10 days then the same date, you have written, is shown. If you want to change date then manually open the file, change the date and save the file.Dynamic web pages are those which can be changed automatically by using a program running in the background.Html is written with the…
Post a Comment
Read more

Popular posts from this blog

Overview of Go lang

Image
Go is a Open source programming language that makes it easy to build simple, reliable and efficient software. History of Go lang The Go programming language is initially started in 2007 as an internal Google project.The original designed by Robert Griesemer, Rob Pike and Ken Thomson.November 2009, Go is publicly released under the open source license.Go has an open source model and many developers over the world contribute to it with the original designers.  Overview of Go langGo is often referred to as "Simple" programming language, a language that can be learned in a few hours if you already know another language C / C++.Go language was designed to feel familiar and to stay as simple as possible.Go language is created System programming in mind, even go can be used to create a web application using Google's App Engine. Why Go lang 1) Efficient use of 21st-century computers Computers have evolved, but programming language doesn't have the same pace of evolution. Tod…
Read more

Data Types in Go language

Image
Data type defines a set of related values, describe the operations that can be done on them and define the way the stored in memory.  For example: Suppose you have a Car of VW Polo, but a car can be of any other company with some other basic and some advanced features.
But if we called a name Car, then in your mind a picture is created that there is a vehicle with 4-wheels and steering. Each car has some features like the color, company, make, model etc.

Types in programming work in a similar way, For example, "Hello World" is a string and every string have some length.

Numbers Go Comes with different types to represent numbers, Numbers can be categorized into two broad categories...
Integer The integer represents only those numbers which don't include any decimal places and can be of any positive and negative numbers. Example : {1, 3, -4, 11, 123, 534} all are integer numbers
Go's integer type can be uint8, uint16, uint32, uint64, int8, int16, int32, and int64. 8, 1…
Read more

Creating your first html page

Image
HTML page structure As we have already discussed, every HTML page is divided into two section -:Head SectionBody SectionHead sectionThis is a section which is actually not visible to the users on the web page, but it helps the content how to display the content.It is used to write the title, meta, script, style etc.Body SectionThis is a section which is actually visible on the web page. Example-1 <!doctype html> <html>           <head>                       <title>My First Web page</title>           </head>          <body>                      Welcome!!! in the world of web.           </body>   </html> Example Explained: 
 <!doctype html> reprents, which html version you are using. For html-5 doctype is as written. Before html-5 doctype is too complicatd. HTML-5 simplified doctype.Every HTML page starts with <html></html> tag.Because each HTML page have head section and body section, which is represented by <hea…
Read more

Say Hello world in Go lang

Image
Writing your first program "Hello World" package main
import "fmt"
func main( ) {
       fmt.Print("Hello World")
} Understanding the program line by line As we have discussed in the overview of go lang that Go program is organized in the various package. Here first statement package main specifies that this program will belong to the package main.Next line import "fmt" includes the predefined package fmt in your program so that you can use the functions (features) of this package in your program. Here import is the keyword in go lang use to import package(s).fmt stands for the format, fmt package has the various pre-defined function like Print, Println, Printf to print the formatted text and other methods like Scanf for reading the formatted values.Next Line defines the main() function, which is the starting point of every program. func is a keyword in go lang to define a function.Within the main() function we have written fmt.Print("Hello…
Read more

Arrays in Go lang

Image
What is ArrayAn array is the collection of similar type of elements.An array is the collection of fixed length.Array elements are stored in contiguous memory locations.All the array elements share the common name, but each element is uniquely identified their index or subscript, so the array is also called a subscript variable.Array index always starts with 0. Creating an array var arr [5]int Note: In the above program snippet, arr is an array of 5 integers.By default, all the array elements are initialized with a default value. Default ValuesData TypeDefault ValueInt(s)0Float(s)0.0bool(s)falseObjectsnil
Note: Following example demonstrate the default values for array elements.
Example-1 package main
import "fmt"
func main() {
var arr1 [5]int
var arr2 [5]float32
var arr3 [5]string
var arr4 [5]bool
fmt.Println(arr1)
fmt.Println(arr2)
fmt.Printf(arr3)
fmt.Println(arr4)
} Output  [0 0 0 0 0] [0 0 0 0 0] [    ] [false false false false false] Example-2 package main
import "fmt"
…
Read more

Installing go lang

Image
On WindowsDownload the latest version of go MSI installer from https://golang.org/dl/ best suited for your system architecture.Start the installation by double-clicking on the installer and installer wizard will open as given in the following figure. For the installation follow the wizard instructions.Note that when you installing go lang using installer then it will ask the location where go will be installed as shown in the figure below. Installation directory of go lang is called GOROOT here the GOROOT is c:\go directory.After this follow the wizard instructions and complete the go lang installation. Test Go installation To Check that Go is installed correctly or not, you need to create a go workspace (a place /folder/directory in which you save you go programs) and create a sample go program and run the program using the command line. The sample program is given below...You can create a sample program by using any simple text editor like notepad, notepad++, sublime or anyone you lik…
Read more

String in golang

Image
Strings are sequence of characters with definite length and can be created by enclosing in double quotes "Hello Go" and back ticks `Hello Go`. A string is a sequence of characters.Strings are the collection of individual bytes, where each character occupy single byte.Characters out of the ASCII characters (can say characters from other languages) occupy more than one byte.A string can be created by enclosing in double quotes "Hello Go" or backticks `Hello Go`.The difference between double quotes and backticks is that double quotes allow escape sequences like \n (newline) and \t (tab) and parses them but backticks don't. Example-1: package main
import "fmt"
func main( ) {
        fmt.Println(len("Hello Go"))
        fmt.Println("Hello Go"[1])
        fmt.Println("Hello"+" "+"Go")
} Output: 8101Hello Go 
 Output Explained:

fmt.Println(len("Hello Go")) returns the length of the string "Hell…
Read more

Decision Making in Go lang

Image
Introduction to decision making Sometimes we need to introduce a power in our program, that our program should automatically make the decision.

For example:  if the temperature of the day is more than 20 degree then it's hot otherwise it's cool.

To introduce this kind of power in our program, we use decision making statements as the list below...
if-else statementsnested if-else statementselse-if ladderswitch/case-control statement Let's create a program to check whether a number is even or odd. Program to check a number is even or odd in Go lang. package main
import "fmt"
func main() {
var n int32
fmt.Print("Enter any number:")
fmt.Scan(&n)
if n % 2 == 0 {
fmt.Println(n,"is even")
} else {
fmt.Println(n,"is odd")
}
} Output: Enter any number:55
55 is odd  Explanation:A number is even if it is divisible by 2 otherwise odd.So to check a number is even or odd, we need to check divisibility by 2.To perform the divisibility test we use mod (%…
Read more

Floating point Data types in Go lang

Image
As we have discussed, In our previous article Data types in go lang, In Go lang Numbers can be categorized into two broad categories. Integral NumbersFloating point Numbers We have already discussed integral numbers In this article we will discuss all floating point numbers.
Floating point Numbers Floating point numbers are those which contains decimal places, for example (2.34 , -90.435 , 0.00007) Rules for floating point numbers 
Floating point number can contain decimal places, For example (0.006, 2.45)Can be +ve and -ve.Floating point number can be written in two formatsFixed format, example (0.007)Exponent format, example (0.7 E -4)0.7 E -4 is equivalent to 0.7 * 10 <sup>-4</sup>In 0.7 E -4, 0.7 (part before e) is called mantissa and -4 (part after E) is called exponent.Exponent format is used when a number is too large or too small to represent in decimal places.Floating point number can be of 32bits or 64bits in size in go lang.float32 represents 32 bits floating poi…
Read more