Estilos HTML
Tutorial HTML » Estilos HTML
Insertando estilo, hay tres formas:
Estilo externa (External), - En este caso, hacemos un archivo como style.css donde agregamos estilo CSS
Estilo interna (Internal), - Agregamos estilo CSS entre ellos: <style> estilo de contenido </style>
Estilo en línea (Inline),
Sintaxis - Estilo en línea:
HTML estilos de texto, letra: tamaño, negrita, color
Estilo CSS font-size nos sirve para indicarle el tamaño de letras en este curso online.
Cambiar tipos de letra font-family, estilos como font-weight: en negrita (bold) or font-size: podemos indicarlo tamaño de pixels (ej: 16px)
<!DOCTYPE html>
<html>
<head>
<title>estilo y tamano de letras</title>
<style>
.text {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #09C;
font-weight: bold;
background-color: #CCC;
margin: 12px;
padding: 15px;
}
</style>
</head>
<body>
<p class="text">HTML parrafo interno estilo style - parrafo estilo interno clase</p>
<!-- parrafo estilo interno clase -->
<div style=" font-size:12px; height:150px; width:250px; background:#CCC"> Agrega tu texto aquí</div>
<!-- estilo enlinea -->
</body>
</html>
Estilo en tabla como: letras, texto en negrita, color de fondo - ejemplos
Usar estilos para personalizar tus tablas en pagina web, además aprende a cambiar los colores o incluir bordes y sombreados. Esta página contiene los pasos para estilizar tus tablas.
<!DOCTYPE html>
<html>
<head>
<title>estilo tabla, negrita,</title>
</head>
<body>
<h2> Estilo en tabla como: letras, texto en negrita, color de fondo</h2>
<table style="font-size:18px; font-family:'Comic Sans MS', cursive" border = "2" cellpadding = "5"
cellspacing = "5"
bordercolor = "red" bgcolor = "yellow">
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Edad</th>
</tr>
<tr>
<td rowspan = "2">Orban</td>
<td>Victor</td>
<td>55</td>
</tr>
<tr>
<td>Magdalena</td>
<td>44</td>
</tr>
<tr> <td colspan = "3">3 villas y 4 apartamentos</td> </tr>
</table>
</body>
</html>
Tipos texto de decoración como: subrayado
La propiedad CSS taquigráfica de text-decoration establece la apariencia de líneas decorativas en el texto.
Es una forma abreviada de text-decoration-line, text-decoration-color, text-decoration-style y la propiedad más nueva text-decoration-thick.
text-decoration: underline;
text-decoration: overline;
text-decoration: blibk;
text-decoration: line-through
text-decoration: none,
<!DOCTYPE html>
<html>
<head>
<title>estilo tabla, negrita,</title><style>
.under {
text-decoration: underline red;
}.over {
text-decoration: wavy overline lime;
}.line {
text-decoration: line-through;
}.plain {
text-decoration: none;
}.underover {
text-decoration: dashed underline overline;
}.thick {
.blink {
text-decoration: solid underline purple 4px;
}
text-decoration: blink;
}
</style>
</head>
<body>
<h2> Tipos de decoración</h2>
<p class="under">This text has a line underneath it.</p>
<p class="over">This text has a line over it.</p>
<p class="line">This text has a line going through it.</p>
<p>This <a class="plain" href="https://www.agernic.com/html-tutorial/html-div-style-div-style-class.html">
link will not be underlined</a>,<br />
as links generally are by default. Be careful when removing<br />
the text decoration on anchors since users often depend on<br />
the underline to denote hyperlinks.</p>
<p class="underover">This text has lines above <em>and</em> below it.</p>
<p class="thick">This text has a really thick purple underline in supporting browsers.</p>
<p class="blink">This text might blink for you,
depending on the browser you use.</p>
</body>
</html>
Etiquetas: html estilos de texto, estilo de letra, estilos css, estilo tabla, negrita, de botones, parrafo, subrayado, tachado, html estilos de texto online, tamaño de letra en css
Estilos HTML - html.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.