Lista Lenguaje de Marcas (Sin Imágenes)

Estructura de la pgina:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
</style>
</head>
<body>
</body>
</html>
Listas:
<ol>
<li></li>
</ol>
<ul>
<li></li>
</ul>
Ttulos:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Bordes:
{border-color: #FF00FF;}
{border-width: 10px;}
{border-style: outset;}
{border-radius: 10px;}
Cambiar posicin o tamao de un elemento:

{width: 100px; height: 100px; float:left / right;
margin/padding -left/-right/-top/-bottom: 100px;}
<dt>
<dd></dd>
</dt>
{list-style-type: circle / disc / square / armenian / cjk-ideographic / decimal-leading-zero / decimal /

georgian / hebrew / hiragana / hiragana-iroha / katakana / katakana-iroha / lower-alpha / lowergreek / lower-latin / lower-roman / upper-alpha / upper-latin / upper-roman / none;}
{list-style-position: inside/outside;}
{list-style-image: url(ruta/imagen.jpg);}
Counters:
ol {counter-reset:item -5;}
li:before {counter-increment:item 5; content:counters( item , "*" );}
Columnas:
.class {-webkit-column-count: 4; /*Chrome,Safari,Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
-webkit-column-gap: 30px; / Chrome Safari Opera */
-moz-column-gap: 30px; /* Firefox */
column-gap: 30px;
-webkit-column-rule: 40px outset #FF00FF;
/* Chrome, Safari, Opera */
-moz-column-rule: 40px inset #FF00FF; /* Firefox */
column-rule: 40px outset #FF00FF;}
Imgenes:
<img src=/ruta/de/la/imagen.jpg alt=textoalternativo>
(en style):
img {width: 100px; height: 100px;}
fondo:
body {background-image: url (/ruta/imagen.jpg), url2 (/ruta/imagen2.jpg);}
p {background-image: url (/ruta/imagen.jpg);}
p {background-repeat: repeat -x / -y /no-repeat;}
{background-attachment: fixed / scroll;}
{background-position: left / right / top / bottom;}
{background-size: porcentaje de la pgina% / 100px;}
Hipervnculos:
Estilos hipervnculos:
<a href=https://www.google.es>google</a>
a:link { color / bakground-color:
#393939;}
<a href=/ruta/ejemplo.html>Ejemplo</a>
a:hover { color / bakgroundcolor: #393939;}
<a href=/ruta/imagen.jpg>Imagen</a>
a:active { color / bakgroundcolor: #393939;}
<a href=/ruta/imagen.jpg><img src=/ruta/imagen.pg alt=alt></a>
a:visited { color /
bakground-color: #393939;}
<a href=#energia>Energa</a>
<a name=energa></a>
<a href=#top>Top</a>
<a name=top></a>
<a href=/ruta/documento.html#parte title=documento>Parte enlazada de otro doc</a>
(en documento.html): <a name=parte</a>
<a href=/ruta/documento.pdf title=doc download=nombre>
Vincular correo:
<ahref=mailto:correo@correo.com?cc=alguien@mas.com&bcc=alguien@mas.com&subject=Una
%20cosa
&body=Otra%20cosa>Mail</a>
Tablas:
Borders para tablas:
<caption>Caption</caption>
{border-spacing: 10px;} entre celdas
<table border="1">
{border-collapse: collpase;}
<colgroup>
<col span=1 class= / style=background-color:red;></col>
</colgroup>
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
Formularios:
<th>hgshfhsd</th>
<form>
<th>hshgrdsgh</th>
First name:<br/>
</tr>
<input type="text" name="firstname">
<tr>
<br/>
<td>January</td>
Last name:<br/>
<td>$100</td>
<input type="text" name="lastname">
<td rowspan="2">$50</td>
<br/>
<td></td>
First name:<br/>
<td></td>
<input type="text" name="firstname" value="Mickey">
</tr>
<br/>
<tr>
Last name:<br/>
<td>January</td>
<input type="text" name="lastname" value="Mouse">
<td>$100</td>
<br/>
<td colspan="2">$50</td>
<input type="radio" name="sex" value="male"
checked>Male
</tr>
<br/>
<tr>
<input type="radio" name="sex" value="female"
style="margin-left: 10px">
<td>February</td>
Female
<td>$80</td>
<br/><br/>
<td></td>
<input type="submit" value="Submit">
<td></td>
</form>
<td></td>
</tr>
</table>
<form>
<fieldset>
<legend>Personal information:</legend>
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>
</form>
Degradados:
div#grad1 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax (must be last) */
}
div#grad2 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, red , blue); /* Standard syntax (must be last) */
}
div#grad3 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(left top, red , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, red , blue); /* Standard syntax (must be last) */
}
div#grad4 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(0deg, red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(0deg, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(0deg, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(0deg, red, blue); /* Standard syntax (must be last) */
}
div#grad5 {
width: 150px;
height: 50px;
}
div#grad6 {
width: 150px;
height: 50px;
}
div#grad7 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(-90deg, red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(-90deg, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(-90deg, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(-90deg, red, blue); /* Standard syntax (must be last) */
}
div#grad8 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(red, green, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, green, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, green, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, green, blue); /* Standard syntax (must be last) */
}
div#grad9 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* For Safari 5.1
to 6.0 */
background: -o-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* For Opera 11.1 to
12.0 */
background: -moz-linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* For Firefox 3.6 to
15 */
background: linear-gradient(red, orange, yellow, green, blue, indigo, violet); /* Standard syntax
(must be last) */
}
div#grad10 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(red 10%, green 85%, blue 90%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red 10%, green 85%, blue 90%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red 10%, green 85%, blue 90%); /* For Firefox 3.6 to 15 */
background: linear-gradient(red 10%, green 85%, blue 90%); /* Standard syntax (must be last) */
}
div#grad11 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* For Safari
5.1 to 6.0 */ background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /*
For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); /* For Fx 3.6 to
15 */
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* Standard
syntax (must be last) */
}
div#grad12 {
width: 150px;
height: 50px;
background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be
last) */
}
div#grad13 {
width: 150px;
height: 50px;
background: -webkit-repeating-linear-gradient(red, yellow 10%, green 20%); /* For Safari 5.1 to 6.0 */
background: -o-repeating-linear-gradient(red, yellow 10%, green 20%); /* For Opera 11.1 to 12.0 */
background: -moz-repeating-linear-gradient(red, yellow 10%, green 20%); /* For Firefox 3.6 to 15 */
background: repeating-linear-gradient(red, yellow 10%, green 20%); /* Standard syntax (must be
last) */
}
Scroll en div:
div.scroll {
background-color: #00FFFF;
width: 100px;
height: 100px;
overflow: scroll;
Etiquetas varias:
<br/> <hr/> <p></p>
Estilos varios:
background-color: ;
color: ;
font-family: Calibri;
font-weight: 100-900/bold;
font-size: px/pt/%/em;
font-style: normal/oblique;
font-variant: small caps;
letter-spacing: px;
word-spacing px;
text-align: justify/right/left/center;
text-transform: UPPERCASE/lowercase/Capitalize;
text-shadow: color eje x (negativo hacia izqda)px eje y (negativo hacia arriba)px suavizadopx;
text-indent: px;

Lista Lenguaje de Marcas (Sin Imágenes)

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Lista Lenguaje de Marcas (Sin Imágenes)

Diunggah oleh

Hak Cipta:

Format Tersedia

Estructura de la pgina:

Cambiar posicin o tamao de un elemento:

{list-style-type: circle / disc / square / armenian / cjk-ideographic / decimal-leading-zero / decimal /

Anda mungkin juga menyukai