HTML MARQUEE TAG HTML marquee is a scrolling element of text shown either horizontally across or vertically down your webpage. This is developed by using HTML marquees tag.

HTML Marquee Tag

HTML MARQUEE TAG

An HTML marquee is a scrolling element of text shown either horizontally across or vertically down your webpage. This is developed by using HTML marquees tag.

Eg

1 2 3 4 5 6 7 8

<marquee >   welcome to the world of PhpTponit   </marquee>

Output 
welcome to the world of PhpTponit

in the above example
* A message enclose within marquee tag…
direction of marquee scroll by default is left direction..given message moving to left.

---

Change moving direction use direction property.

There are four types of marquee direction : up,down,left,right.

1 2 3 4 5 6 7 8

<marquee direction="right">   welcome to the world of PhpTponit   </marquee>

Output
welcome to the world of PhpTponit

*in the above example..
we can change the direction of marquee use direction property
if we set the property(direction=”right”). text scroll towards right of a web page.

---

Move your text/image in alternative direction use behavior property.

1 2 3 4 5 6 7

<marquee direction="right" behavior="alternate">   welcome to the world of PhpTponit </marquee>

Output 
welcome to the world of PhpTponit

*in the above example..
If set the value of behavior is alternate with direction right..in marquee tag in first statement
then display message direction reverse when it reaches the edge of cell

---

Stop moving text/image when mouse is over at text/image .

1 2 3 4 5 6 7 8

<marquee  onmouseover="stop()">   welcome to the world of PhpTponit   </marquee>

Output 
welcome to the world of PhpTponit

*in the above example
marquee have another property(onmouseover)with value(“stop()”).
It stops the marquee text/message, when the mouse cursor over at the message/text.

---

Start moving text/image when mouse is out from text/image .

1 2 3 4 5 6 7 8

<marquee  onmouseover="stop()" onmouseout="start()">   welcome to the world of PhpTponit   </marquee>

Output 
welcome to the world of PhpTponit

*in the above example
We set property,(onmouseover) with(value=”start”), (onmouseout) with (value=”start”) both together.

Marquee scroll when the mouse cursor is move out.

Maqquee scroll is stop when the mouse cursor is over the text/image.

---

increase/decrease speed of moving text use scrollamount property

To move at slow motion

1 2 3 4 5 6 7 8

<marquee  scrollamount="1">   welcome to the world of PhpTponit   </marquee>

Output 
welcome to the world of PhpTponit

*in the above example
Scrollamount property is used to give speed to marquee ,Smaller scrollamount value make scroll marquee slower

---

To move at fast motion

1 2 3 4 5 6 7 8

<marquee  scrollamount="25">   welcome to the world of PhpTponit   </marquee>

Output 
welcome to the world of PhpTponit

*in the above example
Now set the marquee with( scrollamount=”25″) marquee scroll fast.
as such as we increase or decrease the value of scrollamount, marquee speed becomes vary

Booting command prompt for windows 7 or windows 8

Booting command prompt for windows 7 or windows 8

STEP 1- OPEN COMMAND PRO

STEP-2- ENTER THE COMMAND STEP BY STEP

diskpart (TYPE  DISKPART  IN THE COMMAND PROAND PRESS  ENTER KEY)

STEP 3- 

list disk  (THAN  TYPE LIST DISK AND PRESS ENTER KEY)

STEP 4- 

select disk 1 (THAN TYPE SELECT DISK 1 AND PRESS ENTER KEY)

STEP 5- 

clean  (THAN TYPE CLEAN AND PRESS ENTER KEY)

STEP 6- 

create partition primary (THAN TYPE CREATE PARTITION PRIMARY AND PRESS ENTER)

STEP 7- 

select partition 1 (THAN  TYPE SELECT PARTITION 1 AND PRESS ENTER )

STEP 8- 

active (THAN TYPE ACTIVE  AND PRESS ENTER)

STEP 9- 

format fs=ntfs quick (THAN TYPE FORMAT FS= NTFS QUICK  AND PRESS ENTER AND WAIT SOME TIME )

STEP 10- 

assign (THAN TYPE ASSIGN AND PRESS ENTER)

STEP 11- 

exit (THAN EXIT AND PRESS ENTER)

What is the difference between HTML/ html5 and Bootstrap? 6 Reasons to Choose the Bootstrap CSS Framework

For those of you, who like me have been developing websites for few years, we tend to use similar chunks of CSS code that we copy paste from project to project.

Those of you who are more organized may have developed your own set of base CSS files to use as foundation for your projects. This method works, but let’s face it, this is not the most efficient way to do things.

Creating a CSS framework that is flexible, follows latest standards and is thoroughly tested takes days of work and could become a project in itself. Most of us don’t have time to do this.

To make matters worse, with the rise of mobile devices, making responsive websites and keeping up with the latest technologies is time consuming.

Bootstrap and CSS frameworks

Designers need a solid foundation that gives us almost everything a typical website would require but is flexible enough for customization. Thanks to hundreds of hours spent by some developers and companies, we now have dozens of CSS Frameworks to choose from.

Among all the available CSS frameworks out there, Bootstrap is my favorite and also one of the most widely used. It's included by default in Joomla 3.

Bootstrap’s CSS files are also provided in LESS which makes it very easy to customize if you already use LESS for CSS pre-processing.

So why should you choose Bootstrap? Here are 6 great reasons:

Reason #1. Easy to get started

CSS Pre-processing is great and every front end developer should learn it. However not everyone is using it. There are still many designers creating and managing CSS files the same old way. Bootstrap offers LESS files for those of us who know how to use it, but it also provides the plain old CSS file for those don’t want to use CSS pre-processing.

To take advantage of what Bootstrap has to offer, you just have to download the files from Bootstrap on Github and after unzipping, include the files in the head of your HTML document.

This example HTML document includes the bootstrap framework with its default styling and every single components and JavaScript plugins.

Reason #2. Great grid system

Bootstrap is built on responsive 12-column grids, layouts and components. Whether you need a fixed grid or a responsive, its only matter of a few changes. Offsetting & Nesting of columns is also possible in both fixed and fluid width layouts.

Another useful set of features are the responsive utility classes using which you can make a certain block of content appear or hide only on devices based on the size of their screen. Very handy when you want to hide some content based on screen size. Adding a class such as .visible-desktop to a element, will make it visible only for desktop users. There are similar classes for tablets and phones.

Reason #3. Base styling for most HTML elements

A website has many different elements such as headings, lists, tables, buttons, forms, etc. All these fundamental HTML elements have been styled and enhanced with extensible classes.

The HTML elements for which styles are provided are:

• Typography
• Code
• Tables
• Forms
• Buttons
• Images
• Icons

Reason #4. Extensive list of components

Whether you need drop down menus, pagination or alert boxes, Bootstrap has got your covered. Styling of every single element follows a consistent theme and if you know LESS, then customizing it takes just few minutes.

Some of the components pre styled are:

• Dropdowns
• Button Groups
• Navigation Bar
• Breadcrumbs
• Labels & Badges
• Alerts
• Progress Bar
• And many others.

Reason #5. Bundled Javascript plugins

The components such as drop down menu are made interactive with the numerous JavaScript plugins bundled in the bootstrap package.

If you project requires sliders, tabs, accordions, then you no longer have to try and test numerous different plugins across the web. Adding these functionalities is just a matter of adding few lines of code and you are all set. With the customization option you can also choose only certain plugins to keep the file size to a minimum.

Reason #6. Good documentation

Not only does Bootstrap offer styling for almost every element a typical website or web application requires, it also provides a great documentation with examples and demo that only make it more easier for even someone new.