19 Marzo 2010, 12:07 AM
En el capítulo anterior explique el uso del atributo style el cual es genial porque es un punto intermedio entre los atributos comunes y el presente del diseño web: CSS (aunque Internet Explorer no lo soporte). Por cierto, creo que aún no lo dije, si estás siguiendo este curso no uses IE, estaras desperdiciando tu trabajo y tus horas de aprendizaje.
Bueno, volvamos a lo nuestro. El atributo style es genial para aplicar formatos como color, alineación, tamaño, etc. Sin embargo, a veces es bastante largo de escribir si lo que queremos es algo muy específico. Por ejemplo, si dentro de un párrafo queremos que solo una palabra esté subrayada, el método correcto sería:
1
2
| <p>Este es un parrafo en el cual la palabra
que estara subrayada es <span style="text-decoration:underline">esta</span></p> |
Continue reading ‘Curso básico de HTML: 5 – Aplicar formato usando etiquetas’ »
Si este artículo te gustó también puedes leer:
18 Marzo 2010, 11:53 AM
Ensayaré un guion mismo Misión Imposible:
Un laboratorio multinacional crea una nueva enfermedad para la cual también tienen creada la cura. Puesto que solo ellos tienen la cura, su preocupación es expandir la enfermedad para que mucha gente requiera el remedio y solo ellos puedan venderlo y así sus ingresos sean gigantescos.
¿Y a que viene esto?
Las academias han creado el mito de que el ingreso a la universidad es el clímax de la educación juvenil, que un ingresante ha alcanzado el cenit intelectual. Que el ingreso se lo debe a su academia, a las noches que no durmió, a las fiestas a las que no fue y a los amigos que dejó de lado. Y que ingresar es lo más maravilloso del mundo, comparable a una medalla olímpica o un bachillerato. Y los padres ya se tragaron el cuento, cuando sus hijos ingresan hacen fiestas, reparten cervezas, dan discursos emotivos. No importa si su hijo ingreso al octavo o décimo intento, igual ya ingresó. Las academias usan el sistema del laboratorio del ejemplo anterior, crean la enfermedad (la creencia de que el ingreso es increíblemente difícil, que es absolutamente imposible ingresar solo con los conocimientos adquiridos en el colegio o repasando en casa) y solo ellos tienen la cura (solo ellos pueden hacer que el estudiante ingrese).
Continue reading ‘¿Y si mañana aparecen academias que te aseguren el ingreso a la secundaria?’ »
Si este artículo te gustó también puedes leer:
15 Marzo 2010, 8:09 PM
En el capítulo anterior, expiqué qué son los atributos. También explique que hay atributos obligatorios (exigidos por ciertas etiquetas) y atributos opcionales (que se usan para dar formato como color, tamaño, posición, etc). Dije también que no te acostumbres a depender de los atributos porque están en vías de extinción (no es broma, es muy en serio) y que los diseñadores prefieren usar Hojas de estilo CSS antes que atributos. Explicar en qué consisten las hojas de estilo es tan largo que es tema para un curso completo (quizás más extenso que el de HTML), sin embargo, dejé claro que existe un punto intermedio entre los atributos y las hojas de estilo: el atributo style.
Continue reading ‘Curso básico de HTML: 4 – El atributo “style”’ »
Si este artículo te gustó también puedes leer:
Etiquetas:
background-color,
color,
CSS,
Curso de HTML,
font-family,
font-size,
font-style,
font-weight,
height,
HTML,
Style,
Text-align,
width Categoría:
Tutoriales |
1 comentario
13 Marzo 2010, 4:24 PM
En la sesión anterior vimos las etiquetas básicas en el aprendizaje de HTML. Ahora bien, dichas etiquetas indican “algo” (un párrafo, una línea, un título, etc.) y eso que indican puede enriquecerse; por ejemplo podemos dibujar una línea con la etiqueta
Pero quizás nos interese que la línea fuera azul, de 2 pixeles de grosor, que ocupe solo la mitad del ancho en pantalla y que este pegada a la izquierda. ¿Muchas propiedades?, sí, son muchas, pero se pueden indicar en la etiqueta anterior. Para eso usamos atributos y valores.
Continue reading ‘Curso básico de HTML: 3 – Atributos y valores’ »
Si este artículo te gustó también puedes leer:
7 Marzo 2010, 9:01 AM
En la sesión anterior vimos la estructura básica de un documento HTML. Repasemos rápidamente lo visto en esa sesión:
- El código HTML se usa para crear páginas web. El navegador interpreta el código y muestra el resultado en forma de página web.
- Para escribir código HTMl debemos usar un editor de texto plano. Para Windows, el mejor sin duda es NotePad ++
- Al trabajar escribiendo código HTML debemos tener dos programas abiertos: el editor de textos para escribir el código y un navegador (que no sea Internet Explorer, por favor, porque muestra mal el diseño) para ver los cambios en la pagina web.
- Los códigos HTML se marcan con etiquetas que se encierran entre los símbolos menor y mayor (< >).
- Algunas etiquetas son de dos lados (apertura <etiqueta> y cierre </etiqueta>) y otras son de un solo lado y se cierran en sí mismas (<etiqueta/>).
- Los comentarios no se muestran en la página web y deben ir encerrados entre < ! – - y - ->
- La estructura básica de una página web es:
Continue reading ‘Curso básico de HTML: 2 – Etiquetas básicas’ »
Si este artículo te gustó también puedes leer:
3 Marzo 2010, 3:12 PM
Cuando estaba en WordPress.com todo era más fácil si quería añadir código, usaba u shortcode y listo. Sin embargo, si bien es cierto que en un alojamiento propio WordPress se beneficia con los plugins, también es cierto que hay tantos (y que hacen lo mismo) que es desmoralizador ponerse a buscar uno determinado.
Si yo quiero añadir código a un post (html, php, css, javascript, entre otros) el problema es que el sistema lo ejecutará. La otra forma es escribirlo directamente en el contenido del post como:
<span style=”color:red”>Rojo</span>
Con todos los problemas que esto implica (el código anterior en realidad no es código -texto plano- sino texto con formato, por citar el más obvio).
Después de bucear entre muchos plugins para mostra código, de visitar blogs que ya lo hacen y preguntar a los autores que plugin usan he encontrado la que me parece una solución excelente (sin problemas tontos como que hay que quedarnos en la vista html porque se pierde el código al pasar al editor visual) es combinar el uso de dos plugins. Sí, dos, no basta uno solo.
Continue reading ‘Cómo agregar código a tu post de WordPress’ »
Si este artículo te gustó también puedes leer:
