Friday, November 13, 2015

How to be a software engineer 29

HTML Head


The HTML <head> Element

The <head> element is a container for metadata (data about data).
HTML metadata is data about the HTML document. Metadata is not displayed.
Metadata typically define document title, styles, links, scripts, and other meta information.
The following tags describe metadata: <title>, <style>, <meta>, <link>, <script>, and <base>.

How to be a software engineer 28

HTML Scripts


JavaScripts make HTML pages more dynamic and interactive.

Try it Yourself - Examples


How to insert a script into an HTML document.

How to handle browsers that do not support scripting, or have scripting disabled.

The HTML <script> Tag

The <script> tag is used to define a client-side script, such as a JavaScript.
The <script> element either contains scripting statements or it points to an external script file through the src attribute.
Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
The script below writes Hello JavaScript! into an HTML element with id="demo":

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>


The HTML <noscript> Tag

The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client-side scripting.
The <noscript> element can contain all the elements that you can find inside the <body> element of a normal HTML page.
The content inside the <noscript> element will only be displayed if scripts are not supported, or are disabled in the user's browser:

Example

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>

A Taste of JavaScript (From Our JavaScript Tutorial)

Here are some examples of what JavaScript can do:

JavaScript can change HTML content:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

JavaScript can change HTML styles:

document.getElementById("demo").style.fontSize = "25px";

JavaScript can change HTML attributes:

document.getElementById("image").src = "picture.gif";

How to be a software engineer 27

HTML Color Shades


Shades of Gray

Gray colors are displayed using an equal amount of power to all of the light sources.
To make it easy for you to select a gray color we have compiled a table of gray shades for you:

How to be a software engineer 26

HTML Color Groups

Color Names Sorted by Color Groups


Pink Colors
                     
Color Name     HEX     Color     Shades     Mix
Pink                #FFC0CB     Shades     Mix
LightPink        #FFB6C1     Shades     Mix
HotPink          #FF69B4           Shades     Mix
DeepPink        #FF1493           Shades     Mix
PaleVioletRed      #DB7093     Shades     Mix
MediumVioletRed      #C71585           Shades     Mix
Purple Colors
                     
Color Name     HEX     Color     Shades     Mix
Lavender      #E6E6FA           Shades     Mix
Thistle          #D8BFD8      Shades     Mix
Plum          #DDA0DD     Shades     Mix
Orchid          #DA70D6     Shades     Mix
Violet          #EE82EE     Shades     Mix
Fuchsia          #FF00FF           Shades     Mix
Magenta          #FF00FF           Shades     Mix
MediumOrchid      #BA55D3     Shades     Mix
DarkOrchid      #9932CC     Shades     Mix
DarkViolet      #9400D3     Shades     Mix
BlueViolet      #8A2BE2     Shades     Mix
DarkMagenta      #8B008B     Shades     Mix
Purple          #800080           Shades     Mix
MediumPurple      #9370DB     Shades     Mix
MediumSlateBlue      #7B68EE     Shades     Mix
SlateBlue      #6A5ACD     Shades     Mix
DarkSlateBlue      #483D8B     Shades     Mix
RebeccaPurple      #663399           Shades     Mix
Indigo           #4B0082           Shades     Mix
Red Colors
                     
Color Name     HEX     Color     Shades     Mix
LightSalmon      #FFA07A           Shades     Mix
Salmon          #FA8072           Shades     Mix
DarkSalmon      #E9967A           Shades     Mix
LightCoral      #F08080           Shades     Mix
IndianRed       #CD5C5C     Shades     Mix
Crimson          #DC143C     Shades     Mix
Red          #FF0000           Shades     Mix
FireBrick      #B22222           Shades     Mix
DarkRed      #8B0000           Shades     Mix
Orange Colors
                     
Color Name     HEX     Color     Shades     Mix
Orange          #FFA500           Shades     Mix
DarkOrange      #FF8C00           Shades     Mix
Coral          #FF7F50           Shades     Mix
Tomato          #FF6347           Shades     Mix
OrangeRed      #FF4500           Shades     Mix
Yellow Colors
                     
Color Name     HEX     Color     Shades     Mix
Gold          #FFD700     Shades     Mix
Yellow          #FFFF00           Shades     Mix
LightYellow      #FFFFE0           Shades     Mix
LemonChiffon      #FFFACD     Shades     Mix
LightGoldenRodYellow  #FAFAD2     Shades     Mix
PapayaWhip      #FFEFD5     Shades     Mix
Moccasin      #FFE4B5     Shades     Mix
PeachPuff      #FFDAB9     Shades     Mix
PaleGoldenRod      #EEE8AA     Shades     Mix
Khaki          #F0E68C     Shades     Mix
DarkKhaki      #BDB76B     Shades     Mix
Green Colors
                     
Color Name     HEX     Color     Shades     Mix
GreenYellow      #ADFF2F     Shades     Mix
Chartreuse      #7FFF00           Shades     Mix
LawnGreen      #7CFC00     Shades     Mix
Lime          #00FF00           Shades     Mix
LimeGreen      #32CD32     Shades     Mix
PaleGreen      #98FB98           Shades     Mix
LightGreen      #90EE90           Shades     Mix
MediumSpringGreen#00FA9A     Shades     Mix
SpringGreen      #00FF7F           Shades     Mix
MediumSeaGreen      #3CB371     Shades     Mix
SeaGreen      #2E8B57     Shades     Mix
ForestGreen      #228B22           Shades     Mix
Green          #008000           Shades     Mix
DarkGreen      #006400           Shades     Mix
YellowGreen      #9ACD32     Shades     Mix
OliveDrab      #6B8E23     Shades     Mix
DarkOliveGreen      #556B2F           Shades     Mix
MediumAquaMarine#66CDAA     Shades     Mix
DarkSeaGreen      #8FBC8F     Shades     Mix
LightSeaGreen      #20B2AA     Shades     Mix
DarkCyan      #008B8B     Shades     Mix
Teal          #008080           Shades     Mix
Cyan Colors
                     
Color Name     HEX     Color     Shades     Mix
Aqua          #00FFFF           Shades     Mix
Cyan          #00FFFF           Shades     Mix
LightCyan      #E0FFFF           Shades     Mix
PaleTurquoise      #AFEEEE     Shades     Mix
Aquamarine      #7FFFD4     Shades     Mix
Turquoise      #40E0D0     Shades     Mix
MediumTurquoise      #48D1CC     Shades     Mix
DarkTurquoise      #00CED1     Shades     Mix
Blue Colors
                     
Color Name     HEX     Color     Shades     Mix
CadetBlue      #5F9EA0           Shades     Mix
SteelBlue      #4682B4           Shades     Mix
LightSteelBlue      #B0C4DE     Shades     Mix
LightBlue      #ADD8E6     Shades     Mix
PowderBlue      #B0E0E6     Shades     Mix
LightSkyBlue      #87CEFA     Shades     Mix
SkyBlue          #87CEEB     Shades     Mix
CornflowerBlue      #6495ED     Shades     Mix
DeepSkyBlue      #00BFFF           Shades     Mix
DodgerBlue      #1E90FF           Shades     Mix
RoyalBlue      #4169E1           Shades     Mix
Blue          #0000FF           Shades     Mix
MediumBlue      #0000CD     Shades     Mix
DarkBlue      #00008B           Shades     Mix
Navy          #000080           Shades     Mix
MidnightBlue      #191970           Shades     Mix
Brown Colors
                     
Color Name     HEX     Color     Shades     Mix
Cornsilk          #FFF8DC     Shades     Mix
BlanchedAlmond      #FFEBCD     Shades     Mix
Bisque          #FFE4C4     Shades     Mix
NavajoWhite      #FFDEAD     Shades     Mix
Wheat          #F5DEB3     Shades     Mix
BurlyWood      #DEB887     Shades     Mix
Tan          #D2B48C     Shades     Mix
RosyBrown      #BC8F8F     Shades     Mix
SandyBrown      #F4A460           Shades     Mix
GoldenRod      #DAA520     Shades     Mix
DarkGoldenRod      #B8860B     Shades     Mix
Peru          #CD853F     Shades     Mix
Chocolate      #D2691E     Shades     Mix
Olive          #808000           Shades     Mix
SaddleBrown      #8B4513           Shades     Mix
Sienna          #A0522D     Shades     Mix
Brown          #A52A2A           Shades     Mix
Maroon          #800000           Shades     Mix
White Colors
                     
Color Name     HEX     Color     Shades     Mix
White          #FFFFFF           Shades     Mix
Snow          #FFFAFA           Shades     Mix
HoneyDew      #F0FFF0           Shades     Mix
MintCream      #F5FFFA           Shades     Mix
Azure          #F0FFFF           Shades     Mix
AliceBlue      #F0F8FF           Shades     Mix
GhostWhite      #F8F8FF           Shades     Mix
WhiteSmoke      #F5F5F5           Shades     Mix
SeaShell          #FFF5EE           Shades     Mix
Beige          #F5F5DC     Shades     Mix
OldLace          #FDF5E6     Shades     Mix
FloralWhite      #FFFAF0           Shades     Mix
Ivory          #FFFFF0           Shades     Mix
AntiqueWhite      #FAEBD7     Shades     Mix
Linen          #FAF0E6           Shades     Mix
LavenderBlush      #FFF0F5           Shades     Mix
MistyRose      #FFE4E1           Shades     Mix

Thursday, September 10, 2015

Brazil Vs USA 4-1

Brazil concluded their preparations for next month’s World Cup qualifiers in perfect fashion with a comfortable 4-1 victory over the USA.
Coach Dunga kept much of the same line up from the 1-0 victory over Costa Rica with Neymar remaining on the substitute’s bench. The decision to retain Hulk instead of the Barcelona striker was controversial but Dunga was vindicated after only eight minutes when the burly striker opened the scoring. A great driving run and cross by Willian resulted in the ball pinging off the upright and Hulk collected the rebound to drill home from 12 yards.

Wednesday, September 9, 2015

India A squads: Dhawan and Raina picked; Dhoni, Kohli not included

Argentina 2 Mexico 2: Messi, Aguero lead comeback

 

Argentina 2 Mexico 2: Messi, Aguero lead comeback

Argentina came from behind thanks to goals from Sergio Aguero and Lionel Messi as they drew with Mexico.
Mexico surrendered a two-goal lead as Argentina scored twice late on to secure a 2-2 draw in an

FC Barcelona

Lionel Messi's Rivalry with Cristiano Ronaldo Drives Barcelona Star's Success

Team News: Cristiano Ronaldo starts for Portugal

Team News: Cristiano Ronaldo starts for Portugal

Portugal's Cristiano Ronaldo jogs laps during training June 3, 2014
© Getty Images
Portugal captain Cristiano Ronaldo has been named in the starting lineup for his country's Euro 2016 qualifier against Albania this evening.
The 30-year-old has scored 55 international goals and leads the attack, with his former Manchester United teammate Nani in support.
Bernardo Silva and Danny are also handed starts, following last week's 1-0 defeat in a friendly against France.

Teddy Bear Day

Dates

9th Sep each year
 
The teddy bear is one of the most popular toys for children, and holds a special place in many adults hearts, too. This lovable stuffed animal has a day all of its own, Teddy Bear Day. It gives a chance for people to get teddy out of the cupboard and make him the center of attention. It’s an ideal time to get together with others for a teddy bear’s favorite activity, having a picnic, as immortalized in the classic song, ‘Teddy Bear’s Picnic.’ This was written in 1907, shortly after teddy bears were first manufactured in Europe and America. The American toy bears were named Teddy, in honor of President Theodore Roosevelt, who had refused to shoot a small captured bear on a hunting trip. Many teddy bears have become famous over the years, including Paddington Bear, Rupert Bear, Pudsey Bear and, of course, Winnie the Pooh.

Wonderful Weirdos Day

Dates

9th Sep each year

Nothing’s quite as dull as being normal, boring and average. Celebrate being weird, and celebrate the weirdos in your life on Wonderful Weirdos Day. Make an effort to be weird by dressing weirdly, doing weird things and encouraging weirdness with your friends and in the workplace!

Wayne Rooney

Wayne Rooney says he will never retire from England duty

England captain Wayne Rooney, who aims to become his country's leading scorer on Tuesday, says he will never retire from international football.
Rooney could get his 50th England goal in the home Euro 2016 qualifier against Switzerland, surpassing the record he shares with Sir Bobby Charlton.

Tuesday, September 8, 2015

Technology: Apple brings ad-blocker

Technology

Apple brings ad-blocker extensions to Safari on iPhones



Faster iPhones and a new TV box are likely to dominate Apple's launch event on Wednesday, but a tweak to the firm's mobile web browser will arguably be just as far-reaching.
For the first time, Apple will allow adverts to be blocked by the iPhone and iPad versions of Safari.
The move is likely to please users, but will concern the many companies that depend on advertising.

Monday, September 7, 2015

Lionel Messi

Lionel Messi
2015 UEFA Super Cup 64 crop.jpg
Messi with Barcelona in 2015
Personal information

Sachin Tendulkar

Sachin Tendulkar      

Full name Sachin Ramesh Tendulkar
Born April 24, 1973, Bombay (now Mumbai), Maharashtra

Sunday, September 6, 2015

Lionel Messi needs Cristiano Ronaldo


Lionel Messi needs Cristiano Ronaldo, claims former Barcelona striker Patrick Kluivert

Kluivert doesn't think Messi would be as good as he is if it wasn't for the competition provided by Real Madrid star Ronaldo

Neymar

Neymar2015.jpg
Neymar attending an event at Doha Stadium, February 2015

Saturday, September 5, 2015

Neymar needs development to lead Brazil, says Leonardo










Neymar does not yet have the development to be the pioneer of Brazil's national group, despite the fact that he is enhancing, said previous Selecao star Leonardo on Thursday.

Leonardo, who is right now the chief of football at Paris Saint-Germain, told SporTV in Brazil that while the 23-year-old Neymar has played amazingly with the national group, he has additionally been not able to control his feelings.

The Barcelona star was named skipper of Dunga's side after the 2014 World Cup, however was managed a four-match boycott amid Copa America for an on-pitch fight.

Cristiano Ronaldo

Player Profile
Cristiano Ronaldo           Image result for cristiano ronaldo
  • Position: Forward Height: 6'0" (1.84m)
  • Weight:174 lbs (79 kg)
  • age:30
  • DOB:February 5, 1985


  • A tremendously vaunted wonder when gobbled up by Manchester United from Sporting Lisbon in 2003, Ronaldo is currently, close by Lionel Messi, the best-known player on the planet, and a saint for Real Madrid and Portugal.

    Chelsea star Willian's coments about 'biggest idol'



    Chelsea star Willian backs Eden Hazard and Neymar to challenge for Ballon d'Or in the future and prefers 'biggest idol' Ronaldinho over Lionel Messi and Cristiano Ronaldo

        Chelsea's Willian believes Eden Hazard and Neymar 'are two great players'
        Willian also said he prefers Lionel Messi to Cristiano Ronaldo
        But he described ex-Barcelona man Ronaldinho as his 'biggest idol'

    By Jack Bezants for MailOnline

    Published: 10:16 GMT, 4 September 2015 | Updated: 10:54 GMT, 4 September 2015

    Wednesday, September 2, 2015

    English language: Use of prepositions

    Prepositions are very essential for making a correct sentence but it needs to appropriate use.

    Exercises on Prepositions

    Prepositions are short words (on, in, to) that usually stand in front of nouns (sometimes also in front of gerund verbs).

    Tuesday, September 1, 2015

    English language: correlative conjunctions

    For standard writing skill we have to know about Correlative Conjunctions.

    You know what a conjunction is, you’ve mastered coordinating conjunctions, and you’re pretty sure you understand subordinating conjunctions; there’s only one more problem now between you and total conjunction authority: correlative conjunctions.

    Monday, August 31, 2015

    Seven wonders: Chichen Itza

    The layout of Chichen Itza site core developed during its earlier phase of occupation, between 750 and 900 AD.Its final layout was developed after 900 AD, and the 10th century saw the rise of the city as a regional capital controlling the area from central Yucatán to the north coast, with its power extending down the east and west coasts of the peninsula.The earliest hieroglyphic date discovered at Chichen Itza is equivalent to 832 AD, while the last known date was recorded in the Osario temple in 998.

    How to be a software engineer 25

    HTML Color Values


    Colors are displayed combining RED, GREEN, and BLUE light.
    HTML Colors

    Colors in HTML can be specified by the following methods:

        Hexadecimal colors
        RGB colors
        Color names

    Hexadecimal Colors

    Hexadecimal color values are supported in all major browsers.

    A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. All values must be between 00 and FF.

    For example, the #0000FF value is rendered as blue, because the blue component is set to its highest value (FF) and the others are set to the lowest value (00).
    RGB Colors

    RGB color values are supported in all major browsers.

    How to be a software engineer 24

    HTML Color Names

    Color Names Supported by All Browsers

    All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors):

    Click here to see the 140 colors sorted by HEX
    Color Name     HEX     Color     Shades     Mix

    How to be a software engineer 23

    HTML Iframes


    An iframe is used to display a web page within a web page.

    Iframe Syntax

    The syntax for adding an iframe is:
    <iframe src="URL"></iframe>

    The src attribute specifies the URL (web address) of the iframe page.
    Iframe - Set Height and Width

    How to be a software engineer 22

    HTML Responsive Web Design


        RWD stands for Responsive Web Design
        RWD can deliver web pages in variable sizes
        RWD is a must for tablets and mobile devices

    Creating Your Own Responsive Design

    Sunday, August 30, 2015

    How to be a software engineer 21

    HTML Layouts


    Websites often display content in multiple columns (like a magazine or newspaper).
    City Gallery
    London
    Paris
    Tokyo
    London

    How to be a software engineer 20


    HTML Classes

    Classing Block Elements

    The HTML class attribute makes it possible to define equal styles for "equal" <div> elements:
    London

    London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

    How to be a software engineer 19

    HTML Block and Inline Elements


    Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline.
    Block-level Elements

    Saturday, August 15, 2015

    Bangabandhu Sheikh Mujib

    Bangabandhu Sheikh Mujibur Rahman
    Born, March 17, 1920 ; Died: August 15, 1975
    Sheikh Mujibur Rahman was a preeminent Bengali national leader of Bangladesh. He headed the Awami League and was the first President of Bangladesh during the Bangladesh liberation War, and later became Prime Minister  in independent Bangladesh. He is popularly referred to as with the honorary title of  Bangabandhu.

    Saturday, August 8, 2015

    মানুষ মানুষের জন্য

    আমি অবাক
    আসুন একটু ভেবে দেখি


    বাংলাদেশ পোস্টাল ই ডি কর্মচারী ইউনিয়নের  মানবেতর জীবনযাপন  
                    

    পদবী                                            কর্মচারীর সংখ্যা        বর্তমান প্রদত্ত ভাতা
    ই ডি সাব-পোস্ট মাস্টার                             ৩২২ জন                    ৳ ১৬৫০/-   
    ই ডি এ (ব্রাঞ্চ পোস্ট মাস্টার)                      ৮১৩৮ জন                    ৳ ১২৬০/-       
    ই ডি ডি এ ( চিঠি বিলিকারী)                      ৭২৫৩ জন                    ৳ ১২৩০/-   
    ই ডি এম সি ( ডাক বহনকারী)                     ৫৯৬১ জন                    ৳ ১১৮০/-       
    অন্যান্য ই ডি কর্মচারী (চৌকিদার,ঝাড়ু দার)         ১৩৪৭ জন                     ৳১১৩০/-   
                                                মোট= ২৩০২১ জন

    Tuesday, August 4, 2015

    How to be a software engineer 18

    HTML Lists

    Unordered lists and ordered lists are commonly used in HTML:

    Unordered List

    • The first item
    • The second item
    • The third item
    • The fourth item

    Monday, August 3, 2015

    How to be a software engineer 17

    HTML Tables


    HTML Table Example

    Number First Name Last Name Points
    1 Eve Jackson 94
    2 John Doe 80
    3 Adam Johnson 67
    4 Jill Smith 50

    Defining HTML Tables

    Example

    <table style="width:100%">
      <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
    </table>

    Example explained:
    Tables are defined with the <table> tag.
    Tables are divided into table rows with the <tr> tag.
    Table rows are divided into table data with the <td> tag.
    A table row can also be divided into table headings with the <th> tag.
    Table data <td> are the data containers of the table.
    They can contain all sorts of HTML elements like text, images, lists, other tables, etc.

    An HTML Table with a Border Attribute

    If you do not specify a border for the table, it will be displayed without borders.
    A border can be added using the border attribute:

    Example

    <table border="1" style="width:100%">
      <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
    </table>
    The border attribute is on its way out of the HTML standard! It is better to use CSS.
    To add borders, use the CSS border property:

    Example

    table, th, td {
        border: 1px solid black;
    }
    Remember to define borders for both the table and the table cells.

    An HTML Table with Collapsed Borders

    If you want the borders to collapse into one border, add CSS border-collapse:

    Example

    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
    }

    An HTML Table with Cell Padding

    Cell padding specifies the space between the cell content and its borders.
    If you do not specify a padding, the table cells will be displayed without padding.
    To set the padding, use the CSS padding property:

    Example

    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
    }
    th, td {
        padding: 15px;
    }

    HTML Table Headings

    Table headings are defined with the <th> tag.
    By default, all major browsers display table headings as bold and centered:

    Example

    <table style="width:100%">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Points</th>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
    </table>
    To left-align the table headings, use the CSS text-align property:

    Example

    th {
        text-align: left;
    }

    An HTML Table with Border Spacing

    Border spacing specifies the space between the cells.
    To set the border spacing for a table, use the CSS border-spacing property:

    Example

    table {
        border-spacing: 5px;
    }
    If the table has collapsed borders, border-spacing has no effect.

    Table Cells that Span Many Columns

    To make a cell span more than one column, use the colspan attribute:

    Example

    <table style="width:100%">
      <tr>
        <th>Name</th>
        <th colspan="2">Telephone</th>
      </tr>
      <tr>
        <td>Bill Gates</td>
        <td>555 77 854</td>
        <td>555 77 855</td>
      </tr>
    </table>

    Table Cells that Span Many Rows

    To make a cell span more than one row, use the rowspan attribute:

    Example

    <table style="width:100%">
      <tr>
        <th>Name:</th>
        <td>Bill Gates</td>
      </tr>
      <tr>
        <th rowspan="2">Telephone:</th>
        <td>555 77 854</td>
      </tr>
      <tr>
        <td>555 77 855</td>
      </tr>
    </table>

    An HTML Table With a Caption

    To add a caption to a table, use the <caption> tag:

    Example

    <table style="width:100%">
      <caption>Monthly savings</caption>
      <tr>
        <th>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
      <tr>
        <td>February</td>
        <td>$50</td>
      </tr>
    </table>
    The <caption> tag must be inserted immediately after the <table> tag.

    A Special Style for One Table

    To define a special style for a special table, add an id attribute to the table:

    Example

    <table id="t01">
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Points</th>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
      </tr>
    </table>

    Now you can define a special style for this table:

    table#t01 {
        width: 100%;
        background-color: #f1f1c1;
    }

    And add more styles:

    table#t01 tr:nth-child(even) {
        background-color: #eee;
    }
    table#t01 tr:nth-child(odd) {
        background-color: #fff;
    }
    table#t01 th {
        color: white;
        background-color: black;
    }

    Chapter Summary

    • Use the HTML <table> element to define a table
    • Use the HTML <tr> element to define a table row
    • Use the HTML <td> element to define a table data
    • Use the HTML <th> element to define a table heading
    • Use the HTML <caption> element to define a table caption
    • Use the CSS border property to define a border
    • Use the CSS border-collapse property to collapse cell borders
    • Use the CSS padding property to add padding to cells
    • Use the CSS text-align property to align cell text
    • Use the CSS border-spacing property to set the spacing between cells
    • Use the colspan attribute to make a cell span many columns
    • Use the rowspan attribute to make a cell span many rows
    • Use the id attribute to uniquely define one table

    HTML Table Tags

    Tag Description
    <table> Defines a table
    <th> Defines a header cell in a table
    <tr> Defines a row in a table
    <td> Defines a cell in a table
    <caption> Defines a table caption
    <colgroup> Specifies a group of one or more columns in a table for formatting
    <col> Specifies column properties for each column within a <colgroup> element
    <thead> Groups the header content in a table
    <tbody> Groups the body content in a table
    <tfoot> Groups the footer content in a table

    My Fun world

    Awesome!

    Thursday, July 30, 2015

    Want to know some questions with answer of SEO

     61 Answered Test Questions:





    1. Which of the following factors have an impact on the Google Page Rank?

    Answers:

    • The total number of inbound links to a page of a web site

    • The subject matter of the site providing the inbound link to a page of a web site

    • The text used to describe the inbound link to a page of a web site

    • The number of outbound links on the page that contains the inbound link to a page of a web site


    2. If your site is not appearing in Google search results because of some unethical SEO practices in the recent past, _________________.

    Answers:

    • abandon and close your website permanently.

    • modify the page contents, make them useful and relevant to the human users, and request Google to reconsider your site.

    • start a PPC campaign to get your site included in the sponsored results.

    • it is better to discontinue the website and shift your webpages to a fresh website with a new domain name.


    3. What does the term Keyword Prominence refer to?

    Answers:

    • It refers to the fact that the importance of choosing high traffic keywords leads to the best return on investment

    • It refers to the importance attached to getting the right keyword density

    • It refers to the fact that the keywords placed in important parts of a webpage are given priority by the search engines

    • It refers to the fact that the keywords in bold font are given priority by the search engines


    4. What will happen if you type the words 'Certification -Networking' in the Google search box?

    Answers:

    • Google will find the web pages about Certification and also containing the word "Networking"

    • Google will find all the web pages containing the words "Certification" and "Networking"

    • Google will find all the web pages in which the words "Certification" and "Networking" appear together

    • Google will find the web pages about Certification that do not contain the word Networking


    5. Which black hat SEO technique is characterized by a method to deceive search engines, by detecting the search engine bot and "feeding" it with a different HTML code than the HTML actually served to users?

    Answers:

    • Coating

    • Foisting

    • Slighting

    • Cloaking


    6. Which of the following statements is correct with regard to the description meta tag?

    Answers:

    • It should be about 50 characters in length

    • The description should not contain the keywords

    • If the meta description is not included, the search engines will use the meta keywords for information

    • Google uses the meta description to generate the search engine results pages


    7. Which of the following factors contribute towards link popularity of a website?

    Answers:

    • The number of websites that link to it

    • The number of pages of the website indexed by Google

    • The number of pages in the website

    • The quality of websites that link to it

    8. Which of the following statements about the Google Sitemap are correct:

    Answers:

    • Repeated submission of the Sitemap to Google could be penalized

    • It is possible to create and submit specialized Sitemaps to Google for Video and Mobile content

    • The Sitemap acceptable to Google follows an XML format


    9. Which of the following statements about Google's technical and quality guidelines are true?

    Answers:

    • It is advantageous if your web server supports the If-Modified-Since HTTP header

    • If using dynamic pages, it helps to keep the parameters short and the number of them few

    • Avoid using robots.txt to prevent crawling of search results pages or other auto-generated pages, even if they don't add much value for users coming from search engines

    • Submitting new pages of your website at http://www.google.com/addurl.html as soon as they are online, helps to speed up indexing


    10. Which of the following conditions will Google treat favorably from the 'Relevancy' perspective?

    Answers:

    • The website offering products and services to the visitors country

    • A website that provides free content for the related keywords

    • Hidden keywords on the home page matching the search term

    • Image Alt tags on the home page matching the search term


    11. Some words, when followed by a colon, have special meanings to Yahoo. What is performed by the link: operator?

    Answers:

    • It shows all the outbound links from the URL

    • It shows how many pages of the site Yahoo is pointing to

    • It shows all the pages that point to that URL

    • It shows URLs with broken links

    12. Search engines do not index some common words (such as "or", "and", "when", and "in") within the webpage. What are these common words called?

    Answers:

    • Barrier words

    • Non-indexable words

    • Slow words

    • Stop words


    13. Which of the following statements about search engine optimization techniques are correct:

    Answers:

    • Making a keyword bold does not influence the way that the search engine looks at the keyword

    • Websites with deep linking are looked at favorably by search engines

    • Search engine robots follow the first link they find to any particular page and they do not follow additional links to the same page

    • It is not a good idea to have the same anchor text for all inbound links as it could look automated to the search engines


    14. Which of the following can be termed as good keyword selection and placement strategies?

    Answers:

    • Targeting synonyms of the main keyword

    • Targeting the highest searched keywords only

    • Copying competitor keywords

    • Optimizing five or more keywords per page

    15. What is Keyword Density?

    Answers:

    • The number of times the keyword is used / (DIVIDED BY) the total word count on page - (MINUS)the total words in HTML on the page

    • The number of times the keyword is used X (MULTIPLIED BY) the total word count on page

    • The number of times the keyword is used in the page description

    • The number of times the keyword is used in the page title

    • The number of times the keyword is used and multiplied by hundred / (DIVIDED BY) the total word count on the page.

    16. If a website's search engine saturation with respect to a particular search engine is 20%, what does it mean?

    Answers:

    • 20% of the webpages of the website have been indexed by the search engine

    • Only 20% of the pages of the website will be indexed by the search engine

    • 20% of the websites pages will never be indexed

    • The website ranks in the first 20% of all websites indexed by the search engine for its most important search terms

    17. _________________ use both crawlers and directories to generate relevant results.

    Answers:

    • Crawler-based Search Engines

    • Human-Powered Directories

    • Hybrid Search Engines

    • Meta Search Engines

    18. What term is commonly used to describe the shuffling of positions in search engine results in between major updates?

    Answers:

    • Waves

    • Flux

    • Shuffling

    • Swaying

    19. Which of the following statements about FFA pages are true?

    Answers:

    • They are greatly beneficial to SEO

    • They are also called link farms

    • They are paid listings

    • They contain numerous inbound links

    20. Which of the following actions could get you banned by Google?

    Answers:

    • Hiding text on the webpage

    • Stuffing keywords on the webpage

    • Linking to sites banned by Google

    • None of the above

    21. Which of the following website design guidelines have been recommended by Google?

    Answers:

    • Having a clear hierarchy and text links

    • Every page should be reachable from at least one static text link

    • If the site map is larger than 100 or so links, you should break the site map into separate pages

    • Keeping the links on a given page to a reasonable number (fewer than 100)

    • Use less than 30 images or graphics per page

    22. While grading your website, Google gives credit to outbound links pointing to authority websites?

    Answers:

    • True

    • False

    23. Google looks down upon paid links for enhancing page rank. If a website sells links, what action/s does Google recommend to avoid being penalized?

    Answers:

    • The text of the paid links should state the words "paid text link" for Google to identify it as a paid link

    • Only Paid text links to non profit websites should be accepted

    • Paid links should be disclosed through the "rel=nofollow" attribute in the hyperlink

    • Paid links should be disclosed through the "index=nofollow" attribute in the hyperlink

    24. All major search engines are case sensitive.

    Answers:

    • True

    • False


    25. 10 people do a web search. In response, they see links to a variety of web pages. Three of the 10 people choose one particular link. That link then has a __________ click through rate.

    Answers:

    • less than 30%

    • 30 percent

    • more than 30%


    26. Which of the following is an ethical SEO Technique?

    Answers:

    • Creating a subdomain with the hottest keyword and creating duplicate copies of existing pages on it

    • Filling your pages with keywords, whether relevant to the page content or not

    • Creating a page which serves a different content to the search engine bots and different to human users

    • None of the above


    27. What will the following robots.txt file do?

    User-agent:Googlebot
    Disallow:/*?
    User-agent:Scooter
    Disallow:

    Answers:

    • It will allow Google to crawl any of the dynamically generated pages. It will also allow the altavista scooter bot to access every page

    • It will disallow Google from crawling any of the dynamically generated pages. It will also disallow the altavista scooter bot from accessing any page

    • It will disallow Google from crawling any of the dynamically generated pages. It will allow the altavista scooter bot to access every page

    • None of the above


    28. What is Anchor Text?

    Answers:

    • It is the main body of text on a particular web page

    • It is the text within the left or top panel of a web page

    • It is the visible text that is hyper linked to another page

    • It is the most prominent text on the page that the search engines use to assign a title to the page


    29. Why is it a bad idea from the seo perspective to host free articles and write ups that are very common on the internet.

    Answers:

    • Because they will not lead to fresh traffic

    • Because you could get penalized by search engines for using duplicate content

    • Because you will not get the benefits of proper keyword targeting

    • Because people could turn up claiming copy right infringement


    30. Cloaking is a controversial SEO technique. What does it involve?

    Answers:

    • Increasing the keyword density on the web pages

    • Offering a different set of web pages to the search engines

    • Hiding the keywords within the webpage

    • Creating multiple pages and hiding them from the website visitors


    31. Which of the following statements is correct with regard to the images within a webpage?

    Answers:

    • Images cannot be spidered by the search engines

    • Important keywords related to the image should be placed in the ALT text

    • Images should always be kept close to the top of a webpage

    • Image maps should be used while including the images


    32. Which of the following statement about RSS is correct?

    Answers:

    • It is a form of XML

    • It stands for Realtime streamlined syndication

    • It is a good way of displaying static information

    • It is a Microsoft technology


    33. What is the function of "indexer" part of the Google search engine?

    Answers:

    • It helps to retrieve web pages from the world wide web

    • It helps to gather information from other search engines

    • It helps to sort the documents that Google has retrieved

    • It helps to generate meaningful results based upon the user's search term


    34. Which of the following free tools/websites could help you identify which city in the world has the largest search for the keyword - "six sigma"?

    Answers:

    • Yahoo Search Term Suggestion Tool

    • Alexa

    • Google Traffic Estimator

    • Google Trends

    • WordTracker


    35. Do search engines such as Google detect unnatural linking patterns by checking the Class C IP address of the page where the link to the website originates?

    Answers:

    • Yes

    • No


    36. What does the 302 server response code signify?

    Answers:

    • It signifies conflict, too many people wanted the same file at the same time

    • The page has been permanently removed

    • The method you are using to access the file is not allowed

    • The page has temporarily moved

    • What you requested is just too big to process


    37. While optimizing your website it is important to generate the right type of traffic, how does the Bounce Rate information help in this regard?

    Answers:

    • By letting you know the percentage of users who entered the website and then went on to visit additional pages

    • By letting you know the percentage of users who entered the website and then left without viewing any other page

    • By letting you know the percentage of users who decided to go back to the source from where they found your website

    • By letting you know the percentage of users who left your website within 10 seconds of viewing the first page


    38. Which of the following statements is correct with regard to natural links?

    Answers:

    • They are two way links (reciprocal links)

    • They are from authority websites

    • They are voluntary in nature

    • They are from .edu or .gov extension websites


    39. Which of the following facts about Alexa are correct?

    Answers:

    • Alexa provides free data on relative website visitor traffic

    • Alexa and Quantcast provide information on visitor household incomes

    • Alexa is biased towards US based traffic

    • Quantcast only tracks people who have installed the Quantcast toolbar


    40. Are RSS/Atom feeds returned in Google's search results?

    Answers:

    • Yes

    • No


    41. How are site maps important for the search engine optimization process?

    Answers:

    • Site maps help the search engine editorial staff to quickly go through a website, hence ensuring quicker placement

    • Google gives credit to the websites having site maps. The GoogleBot looks for the keyword or title "Site Map" on the home page of a website.

    • Site maps help the search engine spider pick up more pages from the website

    • None of the above


    42. Implementing a 301 Permanent Redirects on the old pages to redirect to the new pages is a good idea from the SEO perspective.

    Answers:

    • True

    • False


    43. What is the name of the search engine technology due to which a query for the word 'actor' will also show search results for related words such as actress, acting or act?

    Answers:

    • Spreading

    • Dilating

    • RSD (real time synonym detection)

    • Stemming

    • Branching


    44. What is the illegal act of copying of a page by unauthorized parties in order to filter off traffic to another site called?

    Answers:

    • Trafficjacking

    • Visitorjacking

    • Viewjacking

    • Pagejacking 


    45. Google gives priority to themed inbound links.

    Answers:

    • True

    • False


    46. What is the main reason for the effectiveness of optimizing a webpage towards a long tail keyword search?

    Answers:

    • There are more long tail searches than shorter keyword queries

    • Search engines often pass on long tail searches to lesser known and new websites

    • Search engines do not pass on long tail search traffic to websites that rank high for shorter keyword searches

    • There are fewer websites that have targeted such keywords


    47. Google displays up to _____ characters of a webpage's Title Tag.

    Answers:

    • 56

    • 60

    • 70

    • 80


    48. What is the term for Optimization strategies that are in an unknown area of reputability/validity?

    Answers:

    • Red hat techniques

    • Silver hat techniques

    • Grey hat techniques

    • Shady hat techniques


    49. A Hallway Page is used to:

    Answers:

    • Attract visitors from the search engines straight onto the Hallway Page

    • Organize the Doorway Pages

    • Help people navigate to different Doorway Pages

    • Enable search engine bots to index the Doorway Pages


    50. Which of the following search engines or directories provides the directory search results for Yahoo?

    Answers:

    • Windows Live

    • Yahoo Directory

    • Google

    • Wikipedia

    • DMOZ


    51. _________ is usually the best web page to get linked to while receiving a themed in-bound link from another website.

    Answers:

    • The sitemap

    • The contact page

    • The home page

    • The page which you would like to improve in the search engine rankings


    52. The following robots meta tag directs the search engine bots:

    <META NAME="robots" CONTENT="noindex,nofollow">

    Answers:

    • Not to index the homepage and not to follow the links in the page

    • Not to index the page and not to follow the links in the page

    • To index the page and not to follow the links in the page

    • Not to index the page but to follow the links in the page


    53. If you enter 'Help site:www.expertrating.com' in the Google search box, what will Google search for?

    Answers:

    • It will open up the Google help pages applicable to www.expertrating.com

    • It will find pages about help within www.expertrating.com

    • It will only find page titles about help within www.expertrating.com

    • It will direct you to the request page for re-indexing of www.expertrating.com


    54. Which of the following activities could be looked down upon by Google as per their quality guidelines?

    Answers:

    • Using automated website submission software

    • Loading pages with irrelevant links

    • Intentionally adding keywords to the TITLE tags and ALT attributes

    • Registering misspellings of well-known websites


    55. Which search engine technology prevents a website from appearing in numerous top positions in the search engine result pages?

    Answers:

    • Clustering

    • Normalizing

    • Sifting

    • Combing


    56. If you search for the term "iq test" in the Word Tracker keyword suggestion tool, will it return the number of independent searches for the term "iq"?

    Answers:

    • Yes

    • No


    57. Which of the following factors does Google take into account while assessing whether or not a website is an authority website?

    Answers:

    • The frequency with which the content of the website is updated

    • The number of web pages containing relevant information on the main theme of the website

    • The number of in-bound natural links related to the website's theme (or keywords)

    • None of the above


    58. State whether true or false.

    The Yahoo Directory listing is a free service for commercial sites.

    Answers:

    • True

    • False


    59. State whether the following statement is true or false.

    A Sitemap provides a list of internal links to user accessible pages on a website.

    Answers:

    • True

    • False


    60. Which of the following statements regarding website content are correct?

    Answers:

    • If you have two versions of a document on your website, Google recommends that you only allow the indexing of the better version

    • Linking to a page inconsistently does not affect the way Google views the page/s. Examples of inconsistent linking could be http://www.expertrating.com/page/ and http://www.expertrating.com/page and http://www.expertrating.com/page/index.htm

    • Syndicating your content could lead to Google viewing the material as duplicate

    • Placeholders for pages which do not have content are never viewed as duplicate content by Google



    61. Which of the following does Google uses to display characters of a web page's Title Tag?

    Answers:

    • Pixel Width

    • Title Tag Character count

    • None of the above

    Wednesday, July 29, 2015

    How to be a software engineer 16

    HTML Images


    Example

    GIF Images

    JPG Images

    Mountain View

    PNG Images

    Graph

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Spectacular Mountain</h2>
    <img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">

    </body>
    </html>



    HTML Images Syntax

    In HTML, images are defined with the <img> tag.
    The <img> tag is empty, it contains attributes only, and does not have a closing tag.
    The src attribute specifies the URL (web address) of the image:
    <img src="url" alt="some_text">

    The alt Attribute

    The alt attribute specifies an alternate text for an image, if the image cannot be displayed.
    The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
    If a browser cannot find an image, it will display the alt text:

    Example

    <img src="wrongname.gif" alt="HTML5 Icon" style="width:128px;height:128px;">


    HTML Screen Readers

    A screen reader is a software programs that can read what is displayed on a screen.
    Screen readers are useful to people who are blind, visually impaired, or learning disabled.


    Image Size - Width and Height

    You can use the style attribute to specify the width and height of an image.
    The values are specified in pixels (use px after the value):

    Example

    <img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">

    Alternatively, you can use width and height attributes. Here, the values are specified in pixels by default:

    Example

    <img src="html5.gif" alt="HTML5 Icon" width="128" height="128">


    Width and Height or Style?

    Both the width, height, and style attributes are valid in the latest HTML5 standard.
    We suggest you use the style attribute. It prevents styles sheets from changing the original size of images:

    Example

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    img {
        width:100%;
    }
    </style>
    </head>
    <body>

    <img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
    <img src="html5.gif" alt="HTML5 Icon" width="128" height="128">

    </body>
    </html>

    Images in Another Folder

    If not specified, the browser expects to find the image in the same folder as the web page.
    However, it is common to store images in a sub-folder. You must then include the folder name in the src attribute:

    Example

    <img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">


    Images on Another Server

    Some web sites store their images on image servers.
    Actually, you can access images from any web address in the world:

    Example

    <img src="http://www.samimasultana.blogspot.com/images/green.jpg" alt="samimasultana.blogspot.com">


    Animated Images

    The GIF standard allows animated images:

    Example

    <img src="programming.gif" alt="Computer Man" style="width:48px;height:48px;">


    Using an Image as a Link

     To use an image as a link, simply nest the <img> tag inside the <a> tag:

    Example

    <a href="default.asp">
      <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
    </a>


    Image Floating

    Use the CSS float property to let the image float.
    The image can float to the right or to the left of a text:

    Example

    <p>
    <img src="smiley.gif" alt="Smiley face" style="float:right;width:42px;height:42px;">
    The image will float to the right of the text.
    </p>

    <p>
    <img src="smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px;">
    The image will float to the left of the text.
    </p>


    Image Maps

    Use the <map> tag to define an image-map. An image-map is an image with clickable areas.
    The name attribute of the <map> tag is associated with the <img>'s usemap attribute and creates a relationship between the image and the map.
    The <map> tag contains a number of <area> tags, that defines the clickable areas in the image-map:

    Example

    <img src="planets.gif" alt="Planets" usemap="#planetmap" style="width:145px;height:126px;">

    <map name="planetmap">
      <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
      <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
      <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
    </map>


    Chapter Summary

    • Use the HTML <img> element to define an image
    • Use the HTML src attribute to define the URL of the image
    • Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed
    • Use the HTML width and height attributes to define the size of the image
    • Use the CSS width and height properties to define the size of the image (alternatively)
    • Use the CSS float property to let the image float
    • Use the HTML <map> element to define an image-map
    • Use the HTML <area> element to define the clickable areas in the image-map
    • Use the HTML <img>'s element usemap attribute to point to an image-map




    HTML Image Tags

    Tag Description
    <img> Defines an image
    <map> Defines an image-map
    <area> Defines a clickable area inside an image-map