This is a text

Making font size bigger

Code: <h2 style="font-size:50px;">This is a text</h2>
Output:

This is a text

Changing background

Code: <h2 style="background:yellow;">This is a text</h2>
Output:

This is a text

Note: instead of writing color name you can write color code for example

Code: <h2 style="background: #FFFF00;">This is a text</h2>
Output:

This is a text

You can see that I am writing here some code inside style=”” tag. Actually inside style=”” what I am writing is CSS code. It may kind of confusing for you but believe me it will be easy as we go through this course. For better understanding we have CSS course for you. You can check them later.

HTML tutorial part:5 (Formatting & styling)

Category: HTML

By: Tariqul Islam - Thursday, October 8, 2015

One question is that how should you design your web pages? Well, it is sure that you will not design your pages only for appearance. You also need to design your pages for content. Every HTML pages has different parts including different contents. Some content is very important and some are not so much. Some content need to be highlighted and some don’t need. Moreover they need to be structured properly so that browser as well as reader can understand the content properly. This is because we need to put specific type of content inside specific type of tag. Here I am giving you some example:-

If we want to make some parts of out content bold then we need to use <b></b> tag for this

Code example: <b>this is a text</b>

Output: this is a text

Now I am going to talk about headings. You know that every article or content has a title/heading which defines what kind of content that is as well as it is very important for SEO (Search engine optimization). We usually use h1-h6 tags for heading. Lets see some examples

Code example:

<h1>This is a text</h1>
<h2>This is a text</h2>
<h3>This is a text</h3>
<h4>This is a text</h4>
<h5>This is a text</h5>
<h6>This is a text</h6>

Output will be:

This is a text

There are lots more tags in HTML. In previous lesson I mentioned some tags. I don’t have enough time explain all of them moreover I don’t want to make you feel boring by making this article huge. You can try each of them yourself by following the HTML tag rules. If you face any problem please ask me, I am always here to help you.

HTML tutorial part:4 (How to use HTML tags)

Category: HTML

By: Tariqul Islam -

HTML works in a very straightforward way. You can type text and tags to get large print, colored text, centered text, text in italics, bold text, indented sentences etc. What you need to do is nothing more than inserting tags around your text. These tags are more accurately called ELEMENTS. You need to know how this elements behave with the text they contain and how they should be formatted. We will get more into this in next part.

Lets talk about tags
"<", ">" you most probably know this symbols. ">" is called GREATER THAN and "<" is called LESS THAN. These symbols are also called "Angle Brackets" and sometimes called "pointed brackets". "<" is called opening angle bracket and ">" is called closing angle bracket. Each and every HTML tags are always contained with this symbols.

Example: <tag>

Now every HTML tag should be properly closed. But how to close them? Basically it is same as how it starts excepts “/” symbol.

Example: <tag></tag>

You have to write your text inside this text. For example: <tag>this is my text</tag>

There are lots of HTML tags. Here I am giving you a simple list

<!DOCTYPE>
<a>
<abbr>
<acronym> 2
<address>
<applet> 3
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont> 4
<bdi>
<bdo>
<big> 4
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center> 4
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>

HTML tutorial part:3 (introduction with HTML tags)

Category: HTML

By: Tariqul Islam - Wednesday, October 7, 2015

Before starting this course you need some tools which you help you to learn practically. So the tools you need are explained bellow

DIRECTORY OR FOLDER
You should set up a folder or directory to Keep your all HTML files together in a single place. You will work in that folder only. Inside the folder you can create sub folders for every lesson. You can name the folder by lesson so that you find them easily (it is not must but recommended).

BROWSER
You need to have a browser to test and debug your code. I think you already have it. Always try to have the latest version of a browser. If you don’t that’s not a problem. You can use any browser like Google chrome, mozilla firefox, opera, internet explorer.

WORD PROCESSOR
You need a simple word processor such as NotePad++, Sublime, eclipse, Netbeans ect. These simple word processors are also called text editors and they are ideal for writing code. those text editors are open sourse that means they are free to download and use. You can search for any of them on google and then download and install it into your machine.

If you have all the tools then you can start to write your first HTML code.

HTML tutorial part:2 (what you need)

Category: HTML

By: Tariqul Islam -

If you know something or nothing about HTML and web page design, then these tutorials are for you. Basically Each tutorial here is actually an interactive lesson on different aspect of web page design. With these course, you should be able to create an excellent website for your business or simply for your own needs.
If you are a beginner, I recommend you to begin from the Lesson. I will suggest you Just take your time and be sure to try all the problems. You will be surprised enough at what you learn from here. You will have all the basics you need right here in this website to get you start creating amazing web pages.

If you are only interested in a particular or single topic, then browse through category and then title.

New articles will continually be added as they are completed. Any new lesson or update will be announced at the social media sites. So I will recommend you to follow us through social media account. You can get the links of our social media profile at the bottom of the page. If you have any question or anything to ask please use the comment box. So thank you guys, see you on next lesson.

Here is the official logo of pro sunset

Pro Sunset is gonna be published very soon

Category:

By: Tariqul Islam -

Pro Sunset

Recent Posts

This is a text

This is a text

This is a text

This is a text

HTML tutorial part:5 (Formatting & styling)

This is a text

This is a text

This is a text

This is a text

This is a text

This is a text

HTML tutorial part:4 (How to use HTML tags)

HTML tutorial part:3 (introduction with HTML tags)

HTML tutorial part:2 (what you need)

HTML tutorial part:1 (Introduction)

jQuery tutorial (part-1)

Pro Sunset is coming soon....

Pro sunset introduction video

Pro Sunset is gonna be published very soon