Google

viernes, 25 de septiembre de 2009

HTML para aprendices de dummies

Ya que estamos casi preparando el examen de ingreso al preescolar de internet (?), les diré cómo resolver sus problemas más simples, esos "secretos" que alguna vez Bill Gates no supo, y que ahora parecen tan elementales: comentarios con negrita, bastardilla, links, etc. Para alcanzar algunos de estos efectos hay más de un camino, generalmente un modo "correcto" y otra forma "subversiva"... pero atendiendo bilardianamente sólo al resultado, veremos los trucos más sencillos de escribir, sean los que sean.
.
Cómo cambiar la vista de un texto:
Si queremos -por ejemplo- que una palabra de una oración esté en negrita (o cursiva, etc.), se le pone al comienzo y al final unos corchetes < >
Dentro de ellos va la "orden" que le queremos dar a aquella palabra. Entre los del par delantero, escribimos la "consigna" que iniciará su ejecución, y entre los últimos, la que la finalizará, que es aquel mismo código, pero con una barra / después del corchete <
Como se entiende mejor con ejemplos, vean las siguientes frases y -debajo de cada una- cómo debí escribirlas para que se vean tal como quedaron:
.
Consigo negritas así.
Consigo <b>negritas</b> así.
.
Consigo itálicas así.
Consigo <i>itálicas</i> así.
.
(Parece que las consigo muy fácil... pero no vayas a creer, querida).
Esas letras (la "b" de "bold", o la "i" de "itálica") provocan sendos efectos, pero serán distintas las consecuencias cuando usemos otras. Ejemplos:
u = te la subraya así.
s = te la tacha así.
.
(mi regla memotécnica serían las iniciales de "un servidor"...)
Otros códigos, en vez de una letra, llevan una palabra. Por ejemplo:
.
sup = eleva un texto como este superíndice
sub = logra lo contrario, o sea, un subíndice
.
Y con otras se puede alinear el texto a gusto:
right
center
left
.
Para otros éxitos en cambio, tampoco basta una palabra. Ahí los códigos son más extensos, y la diferencia entre el de inicio y el de cierre, ya no es solamente la barra /
.
Otros códigos de necesidad frecuente:
Para que un texto enlace hacia algún sitio web (algo que suele querer hacerse en los comentarios), el truco y su resultado se ven así:
.
Ir <a href="http://rae.es">acá</a> hoy.
Ir acá hoy.
.
Si queremos entrar al link, pero NO que se abra en la misma ventana que estamos viendo, simplemente hay que clickearlo teniendo apretada la tecla shift, o si no, hacerlo con la ruedita del mouse.
Si en cambio nuestro deseo no es ir al vínculo sino ya postearlo en nuestra página con esa ventaja, la fórmula es la misma que para enlazar pero agregando algo:
.
Ir <a href="http://rae.es" target="_blank">acá</a> hoy.
Ir acá hoy.
.
Para poner un VIDEO en nuestro site, bastará con pegar el código HTML que You Tube u otras páginas traen en un casillero llamado generalmente "Embed". Lógicamente, es mejor hacerlo en la pestaña "Edición de HTML". Si la vista previa está bien, podemos volver a la solapa de "Redactar" y seguir escribiendo.
Pero hoy dejo acá. Disculpen quienes ya sabían todo esto, y/o gracias por habérmelo enseñado (Bater, Nick, Guty, etc, etc). Alguna vez, debía empezar a escribirlo de cero.
Una vez en primer grado, ya se pondrá más interesante.

28 comentarios:

El Mostro dijo...

Joven para conseguir paraguayitas deshinibidas de buen lomo, ¿que tag necesito? [$] [/$] ¿existe alguna otra forma?

Gracias, mostro empingado primaveral.

Mona Loca dijo...

Muy interesante!!

Algunos no los sabía! Me los voy a anotar en la agenda.


gracias, unser!

Carugo dijo...

Y un día Dios dijo "Hágase la luz y la luz se hizo..."

No tenía la más "peregrina" idea de cómo hacer esas cosas...

Gracias por su contribución a los Blogger Dummies....

El Gaucho Santillán dijo...

Pero fijate vos!!!! para descubrir estas cosas, hay que ser muy lèido, o estar muy "en la onda", o....(agregue su epìteto)

El Profe dijo...

¡TODO LO QUE QUISITE PREGUNTAR SOBRE HTML Y NO TE ATREVÍAS... O NO QUERÍAS MOLESTAR... O NO TENÍAS A QUIEN... O NO ESTABA CERCA... O JUSTO ESTABA OCUPADO... LO RESPONDE UNSERVIDOR! Listo ahi te dejé un título llamativo para el libro ;D

Ahora en serio, justo estaba necesitando alguno de estos truquillios ;) Probaré y después le cuento.
:D ¡SE AGRADECE SU SABIDURIA UNSER, AMIGO!
¡Abrazo!

ElFlaco dijo...

A esto llamo yo estar en la crosta de la bo... perdon la cresta de la ola.
Me matá Juan poné una escuela!!!

La Rubia dijo...

Gracias por el tachado, el otro dia lo quería poner y no sabía y me preguntaba como hacías.

pero lo acabo de probar en este comentario y me dice que ese HTML es incorrecto (el de la s)

Zippo dijo...

Mayúsculo! esto era lo que quería, yo sabía que leerlo me iba a beneficiar en algún momento, jajajaja. A ver:
tachar

Zippo dijo...

Bah, no me tomó la s ni la u. Esta máquina debe ser vieja y leer Cobol.

unServidor dijo...

Mostro: No sé, yo con negritas e italianas ya tengo para rato...
;P

Mona: Gracias a vos, que me inspiraste este post hace algunos meses.
;)

Carugo: Y un día Dios dijo "No postearás en vano"... ¡me alegro pues, de que esta entrada le fuera útil!
:D

Gaucho: Ah, pero para agregar epítetos, no todos tienen códigos...
;D

Profe: Y habrán más trucos a medida que avancemos (y empecemos con las plastilinas y esas cosas)...
:P

Flaco: Ninguna cresta. Recién estamos sumergiendo el pulgar de un pie para ver qué tan fría el agua...
XD

Rubia, Zippo: EL CASILLERO DONDE SE ESCRIBEN LOS COMENTARIOS, DICE JUSTO DEBAJO: "Puedes utilizar algunos códigos HTML..." (negritas, itálicas, links...) pero NO todos.
Igual, otros blogs, que no son de Google (Wordpress, Clarín...) permiten más comandos.
;)

elizabeth auster dijo...

Utilísimo virtual. Se agradece el dato del tachado. Buen fin de semana.

LALE dijo...

Che... sólo leí el título, la primera oración y me sentí tocada. Muy.

Sñígh!

Ahí me anoto las recetas.

rs dijo...

Si pudiera encontrar los corchetes en mi máquina, esto me sería de gran utilidad. Ahí están, dibujados, pero yo los aprieto y aparece ; y :. ¿Podés creer? Un fiasco.

Winter dijo...

Gracias. Una vergüenza pero no sabìa ninguno. Sobre todo crear un link para poder compartir con los demàs blogs tan buenos como èste.
Un saludo y reitero las gracias.

Nick dijo...

De nada UnSer, estamos para servirle :P

Le dejo un par de links que le pueden interesar a usted o a su e-lectorado.

Un tutorial sobre HTML, con ejemplos y una "cajita" donde se puede escribir código y probarlo en vivo y en directo.

La lista de todos los tags habidos (y con un poco de paciencia se encuentran los por haber) con su correspondiente explicación y ejemplos.

Como nota anecdótica le cuento que la w3school es una parte del World Wide Web Consoritum, w3c pa' los amigos, que es un grupo de gente que se dedica a definir como va a funcionar la internet y a escribir un montoooooon de cosas.

unServidor dijo...

Eli: De nada. Vos también nos enseñás a los metropolitanos cómo adaptarnos al interior...
;D

Lale: No fue mi intención que se sienta tocada. Y menos, que encima le moleste...
XD

RS: Juaaaas. Eso te pasa porque tenés un teclado que tu PC confunde con otro (Inicio -> Configuración -> Panel de Control... etc. Puede ser "Teclado" o bien "Configuración Regional", según el caso). O tal vez tengas que apretar cada tecla hasta que aparezca.
:P

Winter: Me alegro. Sobre todo por eso que va a hacer ahora, con este blog...
XD

Nick: Gracias también por los links (Uy... ¿cómo pudiste ponerlos?)
;)

Nick dijo...

No hay de queso.

Si pude poner los links será porque tuve un buen maestro ;)

Pazcual dijo...

Anda, no me sabía yo la mayoría. ¡Como me sorprende esta tecnología! No las aplico aquí porque dice que estoy escribiendo, así que vamos con calma. Paso a Paso.

¡Excelente entrada!

Saludos,

Paz

Daniel Os dijo...

La mayor dificultar no consistirá en recordar cómo introducir los códigos sino para qué. Creo que una herramienta más útil en internet sería la que determine por estadística cuántos links propuestos son visitados o qué tanto una palabra destacada se encarga de que un lector termine de leer un artículo.

"No me leen nada, decía maestra".
D.

licha dijo...

GRACIAS TOTALES!!!!

JUAJUAJUA!!!

una cosita nomas, para abrir un link haciendo clic con la ruedita del maus, se abre en una nueva pestaña!!!
es geñal!!!

unServidor dijo...

Nick: Casualmente, yo también...
;)

Pazcual: Bien, estoy para servir.
;)

Daniel: Ni cómo ni para qué. Viendo tus links, me pregunto... porqué. Jajaja (¿viste que una de las alumnitas era Gloria Carrá, aún apellidada Currá? Bué, nada. Decía).
XD

Licha: Buen dato. Ya mismo se agrega al post. Gracias.
=D

Abrujandra dijo...

Epa, epa, epa...estaba por escribir "gracias, etc." y acabo de darme cuenta...semo todo dumi semo papá, bajón. Linda manera de empezar el domingo eh...gracias.

Laura dijo...

graxxx...ya anoté todo en un postit y lo pegué en mi monitor

ud. no tiene una idea de lo bien que me vino esto!!

sigo atenta por mas...

un beso

Guty dijo...

Este blog es educativo, voy a mandar a mis alumnitos de polimodal para que aprendan html, tal vez a vos te den bola.

licha dijo...

[c=7]a ver si este también funca?[/c]

rs dijo...

Ya probé con eso de apretar todas las teclas, y no hay caso. Debe haber venido fallado mi teclado :P

Chap! dijo...

Que bueno el manualcito. Mucho aprendí de tanto escribir en foros de chico. Ahora que soy grande he desaprendido varias cosas, y lo de guiarse por la intuición no siempre funciona.

Saluuudooos!

unServidor dijo...

Abru: Si dicen que es de vivos hacerse el gil... hagámonos los dummies, hagámonos.

Laura: Me alegra saberlo. Estoy para servir.

Guty: Que me lo digas justo vos, es todo un halag... ¡Ey... ¿Quién me tiró esta tiza?!

Licha: No pude ¿qué es? Probé y no me hizo nada.

RS: ¿Probaste con tooooodas las teclas, incluyendo los bordes? ¿Probaste con toooodas también apretando shift al mismo tiempo?

Chap: Mª Intuición y don Manual son buena pareja. Él sabe cómo freír papas, pero ella es quien alegra la cocina.