TIME NOW
World current time now,
CALENDAR
Calendar monthly, yearly
login GOLD PRICE, RATE
login HOROSCOPE
login DICTIONARIES, LISTS
login SCIENCE EDUCATION RELIGION
login FINANCE, BUSINESS
login WORLD COUNTRIES, WIKI

HTML code examples, samples, tutorial

Previous articlePage bottomNext article  ALL TOPICS

HTML. CSS lessons, examples - links

 
A element and subclasses

hover- on focus;
active- on press;
visited- already happened;
<html>
<head>

  <style type="text/css">

  a {
      font-size: 18px;
      color: red;
  }
 
  a:hover {
      font-size: 18px;
      color: blue;
      font-weight: bold;
      text-decoration: none;
  }
 
  a:active {
      font-size: 18px;
      color: blue;
      font-weight: bold;
      background-color: yellow;
      text-decoration: none;
  }
 
  a:visited {
      font-size: 18px;
      color: green;
      font-weight: bold;
      text-decoration: none;
  }
 
  </style>
 
</head>

<body>

 My text
<a href = "http://mainfacts.com">TEXT</a><br />
<a href = "http://www.programva.com">TEXT</a><br />
<a href = "http://www.z1.lt">TEXT</a><br />

</body>
</html>

CSS example with many parameters:
<html>
<head>

  <style type="text/css">

  body {
    color: purple;
    background-color: #d8da3d ;
    font-size: 56px;
    }
 
  div {
      font-size: 40px;
      color: black;
  }
 
  b, i, u {
      font-size: 14px;
      color: red;
  }
 
  a {
      font-size: 18px;
      color: red;
  }
 
  a:hover {
      font-size: 18px;
      color: blue;
      font-weight: bold;
      text-decoration: none;
      background-color: white;
      
  }
 
 a:active {
      font-size: 18px;
      color: black;
      font-weight: bold;
      background-color: yellow;
      text-decoration: none;
  }

 a:visited {
      font-size: 18px;
      color: green;
      font-weight: bold;
      text-decoration: none;
  }
  
  </style>
  
</head>
<body>

    My text
    <div>Another text</div>
    <b>My B</b><br />
    <i>My I</i><br />
    <u>My U</u><br />
    <br>
    <a href=http://www.lrytas.lt> lietuvos rytas</a><br />
    <a href=http://www.lrytas.lt> lietuvos rytas</a><br />
    <a href=http://www.y1.lt> y1.lt</a><br />
    <a href=http://www.ooo.lt> ooo.lt</a><br />
    
    <a href=http://www.ooo.lt> ooo.lt</a><br />
    
</body>
</html>
 
Previous articlePage topNext article  ALL TOPICS



 Use username: Guest, Anonymous, Programmer






QUOTES:
He may have hair upon his chest but, sister, so has Lassie.
Cole Porter
Thank God there's a God.
Sam
"To sit alone with my conscience will be judgment enough for me."
Charles William Stubbs