Daniel my Blog - Mini Tutorial

<div align="center"> text </ div> sau <center> text </ center> - Alineaza textul la mijlocul pagini.

<div align="center"> text </ div> - Alineaza textul in stanga pagini.

<div align="right"> text </ div> - Alineaza textul în pagini dreapta.

href = "link-ul <a dorit"> text </ a>

<a href="link"'toolbar=no onClick="javascript:window.open('link','pop1win', scrollbars=yes,width=500,height=200')"> Text </ a>

<a href="link-ul unde vrei trimita SA imaginea">

<img src = "Link-ul unde se afla imaginea" width = "puneti Lungimea grija sa o Aici AIBA imaginea (e masura in px)" height = "Aici puneti Latimea grija sa o AIBA imaginea (e masura in px)" alt = "Aici puneti textul de ingrijire doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title = "Aici puneti textul de ingrijire doriti sa apara cand se pune cursorul pe imagina" border = "0 "/></ a>

<blink> text </ BLINK> - Palpaie textul

<marquee> <text / marquee> - Se misca textul de la dreapta spre stanga

<marquee scrollamount=1 direction="down" loop=true> text </ marquee> - Se misca textul de sus in jos

<marquee scrollamount=3 direction=right loop=true behavior=alternate> text </ marquee> - Se misca textul dintro altă parte în

<img src = "Link-ul unde se afla imaginea" width = "puneti Lungimea grija sa o Aici AIBA imaginea (e masura in px)" height = "Aici puneti Latimea grija sa o AIBA imaginea (e masura in px)" alt = "Aici puneti textul de ingrijire doriti sa apara cand se pune cursorul pe imagine (Pentru IE)" title = "Aici puneti textul de ingrijire doriti sa apara cand se pune cursorul pe imagina" border = "0" />

<img src="Link-ul unde se afla imaginea"/> - Varianta simpla

<span style="color: codul culorii dorite"> Text </ span>

- Lasa spatiu intre cuvinte

<br> - Nou trece pe rand ONU

<b> text </ b> - Pentru scris boldat

<i> text </ i> - Pentru scris cursiv

<u> text </ u>

 - Pentru scris subliniat

Cod html Numaratoare inversa

<style style="text/css">



. lcdstyle (/ * Exemplu de Crea CSS pentru un LCD de uita numărătoarea inversa * /

background-color: transparent;

color: red;

font: bold 18px MS Tahoma;

padding: 3px;

)



. lcdstyle sup (/ * Exemplu de Crea CSS pentru un LCD de uita numărătoarea inversa * /

font-size: 80%

)

</ Style>



<script type="text/javascript">

Funcţie cdtime (container, targetdate) (

if (! document.getElementById | |! document.getElementById (container)) return

this.container = document.getElementById (container)

this.currentTime = new Date ()

this.targetdate = new Date (targetdate)

this.timesup = false

this.updateTime ()

)



cdtime.prototype.updateTime = function () (

var thisobj = acest

this.currentTime.setSeconds (this.currentTime.getSeconds () +1)

setTimeout (funcţie () (thisobj.updateTime ()), 1000) / / update de timp în Secunda Fiecare

)



cdtime.prototype.displaycountdown = function (baseunit, functionref) (

this.baseunit = baseunit

this.formatresults = functionref

this.showresults ()

)



cdtime.prototype.showresults = function () (

var thisobj = acest





var timediff = (this.targetdate-this.currentTime) / 1000 / / date Diferenta intre-ţintă şi de date curentă, în secunde

în îngrijirea CAZUL in (timediff <0) (/ / în îngrijirea în CAZUL este Timpul de până

this.timesup = true

this.container.innerHTML = this.formatresults ()

întoarce

)

var oneMinute = 60 / / Unitate de secunde în câteva minute

var oneHour = 60 * 60 / / Unitate de oră în câteva secunde

var oneDay = 60 * 60 * 24 / / zi Unitate în câteva secunde

var dayfield = Math.floor (timediff / oneDay)

var hourfield = Math.floor ((timediff-dayfield * oneDay) / oneHour)

var minutefield = Math.floor ((timediff-dayfield * oneDay-hourfield * oneHour) / oneMinute)

var secondfield = Math.floor ((timediff-dayfield * oneDay-hourfield * oneHour-minutefield * oneMinute))

în îngrijirea CAZUL in (this.baseunit == "minereu") (/ / de îngrijire în CAZUL în Unitatea de bază este de minereu, stabilit "hourfield" pentru a fi cel mai ridicat nivel

hourfield = dayfield * 24 + hourfield

dayfield = "N / A"

)

else if (this.baseunit == "minut") (/ / de îngrijire în CAZUL în Unitatea de bază este de minute, stabilit "minutefield" pentru a fi cel mai ridicat nivel

minutefield = dayfield * 24 * 60 + hourfield * 60 + minutefield

dayfield = hourfield = "N / A"

)

else if (this.baseunit == "secunde") (/ / de îngrijire în CAZUL în Unitatea de bază este de secunde, stabilit "secondfield" pentru a fi cel mai ridicat nivel

var secondfield = timediff

dayfield = hourfield = minutefield = "N / A"

)

this.container.innerHTML = this.formatresults (dayfield, hourfield, minutefield, secondfield)

setTimeout (funcţie () (thisobj.showresults ()), 1000) / / Rezultatele Actualizeaza O dată la Două

)



///// CUSTOM Format de ieşire Functii DE MAI JOS //////////////////////////////



/ / Creaţi-vă propriul Functie de particularizate pentru a formata o cdtime.displaycountdown trece in ()

/ / Argumente Utilizaţi [0] pentru o accesa "Zile" stânga

/ / Argumente Utilizaţi [1] pentru o accesa "minereu" stânga

/ / Argumente Utilizaţi [2] de un accesa "Proces-verbal" stânga

/ / Argumente Utilizaţi [3] pentru o accesa "Seconds" stânga



/ / Valorile acestor argumente se pot modifica în Functie de baseunit "" Parametru cdtime.displaycountdown Al ()

/ / Argumentele De exemplu, daca "baseunit" este setat la "minereuri", [0] devine lipsită de sens şi Conţine "N / A",

/ / Argumentele De exemplu, daca "baseunit" este setat la "minut", [0] şi argumente [1] devenit lipsită de sens, etc





formatresults funcţie () (

în îngrijirea CAZUL in (this.timesup == false) (/ / in data de îngrijire în CAZUL-ţintă / ora nu o fost încă îndeplinite

displaystring argumente var = [0] + "zile" + argumente [1] + "minereu" + argumente [2] + "minut" + argumente [3] + "secunde stânga până la 23 martie 2009 18:25:00"

)

else (/ / dacă ţintă de date / ora îndeplinite

displaystring var = "TEXTUL DE DEASUPRA NUMARATORII"

)

displaystring de Returnare

)



formatresults2 funcţie () (

în îngrijirea CAZUL in (this.timesup == false) (/ / in data de îngrijire în CAZUL-ţintă / ora nu o fost încă îndeplinite

displaystring var = "<span class='lcdstyle'>" + argumente [0] + "<sup> zile </ sup>" + argumente [1] + "<sup> oră </ sup>" + argumente [2] + "<sup> minute </ sup>" + argumente [3] + "<sup> secunde </ sup> </ span> TEXTUL de dupa Numaratoare"

)

else (/ / dacă ţintă de date / ora îndeplinite

displaystring var = "" / / nu se Afişează nici de text al ONU

alert ( "Crăciunul este aici!") / / in schimb, efectuaţi o alertă particularizată

)

displaystring de Returnare

)



</ Script>

Introduceti urmatorul cod il acolo unde vreti sa apara numaratoarea incersa:

<div id="countdowncontainer"> </ div>

<br />

<div id="countdowncontainer2"> </ div>



<script type="text/javascript">



var futuredate = cdtime noi ( "countdowncontainer", "AICI Scrieti DATA LA CARE NUMARATOAREA inversa sa se termine")

futuredate.displaycountdown ( "zile", formatresults)



var currentyear = new Date (). getFullYear ()

/ / Dinamic obţine Valoarea de acest Crăciun ", o deja. În CAZUL grijă într-un trecut de Crăciun, apoi ani = curent anul 1

var thischristmasyear = (new Date (). getMonth ()> = 11 & & new Date (). GETDATE ()> 25)? currentyear 1: currentyear

Decembrie var de craciun = cdtime noi ( "countdowncontainer2", "25" + thischristmasyear + ", 00:0:0")

christmas.displaycountdown ( "zile", formatresults2)



</ Script>

Yahoo pe forum

<table width="700" border="0" align="left">

<tr>

<td> <a acest href="ymsgr:im?+&msg=ADRESA siteului TAU"> Recomanda site-ul prietenilor de pe Yahoo! Messenger </ a> </ td>

</ Tr>

</ Table>

</ Div>

<br>

<div align='center'>

<table width='700' border=0 cellpadding=0>

Cod html de O vedea cine e pe invizibil

<iframe src="http://www.avatare21.com/ymstats/avatarv2.php" scrolling="no" width="180" frameborder="0" height="180">

</ Iframe>

HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.

Tag

Name

Code Example

Browser View

Nothing will show (Tip)

<a - anchor <a href="http://www.domain.com/">
Visit Our Site</a> Visit Our Site (Tip)

<b> bold <b>Example</b> Example

<big> big (text) <big>Example</big> Example (Tip)

<body> body of HTML document <body>The content of your HTML page</body> Contents of your web page (Tip)

<br> line break The contents of your page<br>The contents of your page The contents of your web page
The contents of your web page

center

<center>This will center your contents</center>

This will center your contents

<dd>

definition description

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term: Definition of the term
Definition Term: Definition of the term

<dl>

definition list

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term: Definition of the term
Definition Term: Definition of the term

<dt>

definition term

<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>

Definition Term: Definition of the term
Definition Term: Definition of the term

<em> emphasis This is an <em>Example</em> of using the emphasis tag This is an Example of using the emphasis tag

<font> font <font face="Times New Roman">Example</font> Example (Tip)

<font> font <font face="Times New Roman" size="4">Example</font> Example (Tip)

<font> font <font face="Times New Roman" size="+3" color="#ff0000">Example</font> Example (Tip)

<form>

form

<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" size="10"><br>
Email: <input name="Email" value="" size="10"><br>
<center><input type="submit"></center>
</form>

heading 1
heading 2
heading 3
heading 4
heading 5
heading 6

<h1>Heading 1 Example</h1>
<h2>Heading 2 Example</h2>
<h3>Heading 3 Example</h3>
<h4>Heading 4 Example</h4>
<h5>Heading 5 Example</h5>
<h6>Heading 6 Example</h6>

<head> heading of HTML document <head>Contains elements describing the document</head> Nothing will show

<hr>

horizontal rule

<hr />

Contents of your web page (Tip)

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" />

Contents of your web page

<hr>

horizontal rule

<hr width="50%" size="3" noshade />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="75%" color="#ff0000" size="4" />

Contents of your web page

<hr>
(Internet
Explorer)

horizontal rule

<hr width="25%" color="#6699ff" size="6" />

Contents of your web page

<html> hypertext markup language <html>
<head>
<meta>
<title>Title of your web page</title>
</head>
<body>HTML web page contents
</body>
</html> Contents of your web page

<i> italic <i>Example</i> Example

<img> image <img src="Earth.gif" width="41" height="41" border="0" alt="text describing the image" /> (Tip)

<input>

input field

Example 1:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

<input>
(Internet Explorer)

input field

Example 2:

<form method=post action="/cgi-bin/example.cgi">
<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
<input type="Submit" value="Submit">
</form>

<input>

input field

Example 3:

<form method=post action="/cgi-bin/example.cgi">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
</form>

<input>

input field

Example 4:

<form method=post action="/cgi-bin/example.cgi">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form>

<input>

input field

Example 5:

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option >option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>

<input>

input field

Example 6:

<form method=post action="/cgi-bin/example.cgi">
Select an option:<br>
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
<input type="radio" name="option"> Option 3
<br>
<br>
Select an option:<br>
<input type="checkbox" name="selection"> Selection 1
<input type="checkbox" name="selection" checked> Selection 2
<input type="checkbox" name="selection"> Selection 3
<input type="Submit" value="Submit">
</form>

<li>

list item

Example 1:

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</MENU>

Example 2:

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Example 1: (Tip)

List item 1
List item 2
List item 3

Example 2:

List item 1
List item 2
List item 3
List item 4

<marquee>
(Internet
Explorer) scrolling text <marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Example Marquee</marquee> Example Marquee(Tip)

<menu>

menu

<menu>
<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>

List item 1
List item 2
List item 3

<ol>

ordered list

Numbered

<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered Special Start

<ol start="5">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Letters

<ol type="a">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters

<ol type="A">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Letters Special Start

<ol type="A" start="3">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Lowercase Roman Numerals

<ol type="i">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals

<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals Special Start

<ol type="I" start="7">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>

Numbered

List item 1
List item 2
List item 3
List item 4

Numbered Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters

List item 1
List item 2
List item 3
List item 4

Capital Letters Special Start

List item 1
List item 2
List item 3
List item 4

Lowercase Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals

List item 1
List item 2
List item 3
List item 4

Capital Roman Numerals Special Start

List item 1
List item 2
List item 3
List item 4

listbox option

<form method=post action="/cgi-bin/example.cgi">
<center>
Select an option:
<select>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>

<p>

paragraph

This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines.

Attributes:

Example 1:<br>
<br>
<p align="left">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 2:<br>
<br>
<p align="right">
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 3:<br>
<br>
<p align="center">
This is an example<br>
displaying the use<br>
of the paragraph tag.

This is an example displaying the use of the paragraph tag.

This will create a line break and a space between lines.

Attributes:

Example 1:

This is an example
displaying the use
of the paragraph tag.

Example 2:

This is an example
displaying the use
of the paragraph tag.

Example 3:

This is an example
displaying the use
of the paragraph tag.

<small> small (text) <small>Example</small> Example (Tip)

<strike> deleted text <strike>Example</strike> ~~Example~~

<strong> strong emphasis <strong>Example</strong> Example

<table>

table

Example 1:

<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 2: (Internet Explorer)

<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Example 3:

<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc">Column 1</td>
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

Example 1: (Tip)

Column 1

Column 2

Example 2: (Tip)

Column 1

Column 2

Example 3: (Tip)

Column 1	Column 2
Row 2	Row 2

<td>

table data

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<th>

table header

<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

<title> document title <title>Title of your HTML page</title> Title of your web page will be viewable in the title bar. (Tip)

<tr>

table row

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

<tt> teletype <tt>Example</tt> Example

<u> underline <u>Example</u> Example

<ul>

unordered list

Example 1:<br>
<br>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<br>
Example 2:<br>
<ul type="disc">
<li>List item 1</li>
<li>List item 2</li>
<ul type="circle">
<li>List item 3</li>
<li>List item 4</li>
</ul>
</ul>

Example 1:

List item 1
List item 2

Example 2:

List item 1
List item 2
- List item 3
- List item 4

-----------------------------------------------------------------------------------

Cele mai utilizate coduri html

Cod html Numaratoare inversa

Yahoo pe forum

Cod html de O vedea cine e pe invizibil

Tutorial cod truc virus