Make HTML CSS photo gallery

Tuner: Farhad Posted on 10/02/2015 08:07:00 AM Leave a comment
Css and HTML is very important if you want to make photo gallery. Today, I will show you how you can make a photo gallery using html and css.
First, make style(css) for our photo gallery.



Now it's time to use html to create gallery using html.



You can add javascript to welcome user. Now our full photo gallery code is


Then your photo gallery will look like this
Category: , ,
Read more »
Category: , ,

Html Fraction tutorial

Tuner: Farhad Posted on 9/29/2015 09:45:00 PM Leave a comment
If you want to write fraction than you can write it easily but in html you have to set this for use. I have added the code bellow. If the client does not support CSS it will be rendered as plain text, still readable as a fraction.


Preview:
tanAtanB

The middle <span> serves only for the clients who do not render CSS - the text is still readable as something/something - and that's why you should place a space between the
integer and the fraction. You may want to change the font-size, because the resulting element may be a little taller than the other characters in the line, or you may want to use a relative position to shift it a little to the bottom. But the general idea, as presented here, may be enough for the basic use.
Category: ,
Read more »
Category: ,

HTML Tables Tutorial

Tuner: Farhad Posted on 9/28/2015 06:50:00 PM Leave a comment
You have seen table in any website mainly sports websites. You can create a table easily by html. There are many tags to show data on table. The primary 3 tags are

  • table
  • tr - (table row)
  • td - (table data)


    • You can create a table by using these 3 tags(grid system).

    A simple Table



    Preview
    HTML JS SQL
    CSS PHP MySQL

    I have used two rows and three column. You can create what your need.

    Table header
    th tag are used to create table header.
    Table with header


    Preview
    Markup Programming Database
    HTML JS SQL
    CSS PHP MySQL

    See that, there are no border in our table so that it looks ugly. Don't worry. Because there some table attribute to create table beautiful. You can add this code to add border in table.

    Table with border 

     

      Preview
    Markup Programming Database
    HTML JS SQL
    CSS PHP MySQL
    Category: ,
    Read more »
    Category: ,

    Html superscript, subscript and delete tutorial

    Tuner: Farhad Posted on 9/28/2015 07:58:00 AM 2 comments

    HTML → Superscript

    Result:
    This text is superscripted!

      
    HTML → Subscript

    Result:
    This text is subscripted!
    HTML → Delete
    You can use del tag to delete any word or line.

    Result:
    This text is
    deleted
    Category: ,
    Read more »
    Category: ,

    Popular Posts

    Post Category

    Blog Statistics

    Now online →

    Page views
    Powered by Blogger.