Print

Cool HTML Codes

Are you designing a blog and want some cool HTML codes to make it look cool? With these codes, you will be able to jazz up your web page or website and make it stand out from the rest. Scroll to know some interesting HTML codes.
HTML, stands for HyperText Markup Language, is a markup language used for web pages. It is with HTML, that you can create structured documents using the structural semantics for text, like headings, paragraphs, lists, links, quotes, scrolling texts, etc. It is with cool HTML codes, that you can also embed images and objects into a web page. Using HTML you can also make interactive forms. The HTML code is written in the form of HTML tags, which are surrounded by angular brackets within a web page content. Along with all of this, different scripting languages can also be used within HTML. One can use JavaScript, which will affect the behavior of the web pages. Cascading style sheets (CSS) can also be included, which will define the appearance and layout of the text and all the other material used in the code. We will now see some eye-catching HTML codes for blogs or websites, which you can use from the given list of all HTML tags.

Cool HTML Codes for your Site

When we look at HTML codes for websites, blogs, etc., there are chances that some of the code may not work, due to certain constraints. Hence, you will have to make the code compatible with the standards, before you can actually use it.

HTML Code for Scroll Box
When you have too large a content to fit into a box, you can make use of scroll box for the content. There are number of ways, which you can use to make the scroll box, but we will the simplest way to make things easier.

Scroll Box
<div style="height:100px;width:150px;font:16px/26px Georgia, Tahoma, Serif;overflow:scroll;">
When the content in the scroll box is much more, than what can be accommodated in the box, the box will have scroll bars... hence the box is called a scroll box! An image can also be into the scroll box.</div>

Background Color for the Scroll Box
<div style="height:120px;width:160px;overflow:scroll;background-color:#c3def9;">If you want a background color to the scroll box, then you will have to add a property called 'background-color' (without the quotes) to the code and give the color code, after it. In this code we have given blue background color.</div>

Scroll Box with Borders
<div style="height:100px;width:100px;overflow:scroll;border:2px dashed #67F152;">If you want to define your scroll box, then you can also give the box borders. You will have to use the 'border' property of the scroll bar for the same. The thickness and any color of the border will depend on your choice. There are various options that you can use to make the border, like solid, dotted, dashed, etc.</div>

HTML Code for Marquee Code
If there is something on your web page you want to emphasize, then you can use the marquee code. However, it is recommended, you do not overuse it, as it can irritate the reader and also spoil the concentration of the reader. Marquee code is popularly used to give updates, advertisements or popular posts, etc.

Marquee Code for Bouncy Text
<marquee behavior=alternate width="300" scrollamount="7" scrolldelay="96" height="25" bgcolor="#c3def9"><font size="5">Put the text in here.</font></marquee>

Marquee Code Vertically Moving Text
<marquee direction=up scrollAmount=0scrollDelay=0 width=150 height=100>Put<br>Text<br>Here</marquee>

Marquee Code Horizontally Moving Text
<marquee direction="right">Isn't this a cool HTML Code?</marquee>

HTML Submit Button Code
If you want to use a submit button in the code and make the web page interactive, then you can use the submit button code.

<button type="submit" name="submit" value="submit">Submit</button>

If you want an image on the submit code, then you will have to use the following code.

<button type="submit" name="submit" value="submit" <img src="url of the image"/>

In this code, the only change you will have to make is to change the url of the image to the name of the image you actually want to have on the submit button.

Floating Images
This is one of the real interesting HTML codes, with which you can allow images to float directly in the middle of the text or onto one side. The code for which will look like

<img src="name of the image.jpg" align="right"/>

In the name of the image, you will have to give the exact location of the image.

Create Links Without Underlining the Link
All of us keep using links in our web pages. Sometimes the underline below the HTML code does not look good to the eyes. In such cases, you will have to use the follow code.

<a href="http://www.ibuzzle.com/" style="text-decoration: none">iBuzzle Homepage</a>

You can also use these HTML codes for Facebook. However, some of the HTML codes may not necessarily work, as they may not be compatible with the application. There are also a number of emoticons, which can be used on the web pages as well as social networking sites to decorate the web page.
By Bhakti Satalkar
Published: 7/12/2010
Bouquets and Brickbats | What Others Said