Category Archives: HTML/CSS

Android Based Translator App Jquery Mobile and Apache Cordova

Translator app list of words

Android Based Translator App Jquery Mobile and Apache Cordova


In recent years, there is a rapid development of technology. One of the notable technologies which is gaining a fast pace popularity in the global consumer market is the mobile technology. In the survey report of Mark Page and Dr. Maria Molina (2013), there were 3.2 billion mobile subscribers, or nearly half the 7 billion world’s population. This is a significant achievement and it also demonstrates greater opportunity to bring the social and economic benefits of mobile technology to the rest of the world. Thus, giving users not just access to information but better experience in accessing information at their finger tips anytime and anywhere.

Creating a form in HTML

Hi there! This next lesson will be on HTML Form

A HTML form or a web form is primarily used to collect data from the input of the user or visitor of your website, example of those data are (name, email, contact, address, etc.). The data that are captured will be sent to the server for storing, processing or for validation purposes.

HTML Forms


Creating a List in HTML

In this lesson, we’re going to learn how to create a list in html.

There are three different types of lists in HTML, we have unordered list, ordered and description/definition lists.

unordered list — a set or a list of related items, in no particular order.
ordered list — a set or a list of related items, in a specific order.
description/definition list — outline of terms and their definitions, the best example is the dictionary in which every word has its corresponding meaning or definition.

How to insert images in html

Hi everyone, this tutorial will be on HTML images. We will learn how to insert images on your webpage

A website without an image is somewhat boring; it makes your website more appealing to your visitors and it adds beauty to your site and much more.

So here we go now, so first we’re going to insert an image to our webpage

HTML Hyperlinks

This lesson will guide us on how to create hyperlinks in HTML

Hyperlinks or also known as links is a text or image that can send or move you to a different webpage by clicking the hyperlink or link.

You can determine if a text or image has link if you hover your mouse cursor to it,   the arrow sign will turn into a little hand.

Here is an example of code that creates a link:

<a href=”url”>nameOfLink</a>

HTML Comments

This lesson is about HTML Comments, how to add comments to your webpage and the importance of comments to your site

Comments in HTML

First let’s define what is a comment?  A comment is a piece or string of code that defines the purpose or to provide information about your code for others to understand your code.

To insert a comment to your webpage, use the comment tag.

 <!--   Your comment here -->

Anything you write between the comment tags will not be displayed in the browser.

 < !--   Your comment here -->

A space between the left angle (<) and the exclamation mark (!) will make your comment invalid, thus the line of code will be shown to the browser.

HTML Attribute

HTML Attribute

In this lesson, we’re going to learn about HTML attributes

An attribute is the one that provides information about HTML elements.

HTML attributes are always found in the opening tags. It starts after the keyword of your opening tag and ends before the > of the opening tag.

Format of HTML attribute:

nameOfattribute=”someValue” or nameOfattribute=’someValue’

<h2 align="left" >this text is align left</h2>

HTML Page Structure

HTML Page Structure

This lesson will discuss about the basic structure of a HTML document.

Below is an example of simple HTML page.

<title>This is my HTML document</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>

HTML Tags and Elements

HTML Tags and HTML Elements

HTML Tags and HTML elements they are commonly defined as same thing, but actually they’re not. HTML Tags are surrounded with brackets (<) (>) and in between those bracket is what we call keywords. The two brackets and keyword between them are known as a tag. Example of a HTML Tag is <html>.

There are lots of HTML Tags, and they all come in pairs; the start tag <html> and the end tag </html>, they are also called the opening and closing tags.

Introduction to HTML will provide new sets of tutorials which includes HTML, CSS, Photoshop ,  Programming Languages such as Visual Basic, Visual, Java, C#, etc. and we will try to upload video tutorials on the said topics. Keep on visiting for more updates.

Introduction to HTML

This set of lessons and tutorials will provide you the basic knowledge of HTML through examples the easy to follow instructions and explanations.

What is HTML?

  • HTML stands for Hypertext Markup Language; it is the main markup language for creating web pages and other information that can be displayed in a web browser.
  • HTML is a text formatting language.
  • In simplest term HTML is used to create websites.