10,874 views 1,848 downloads 11 Nov 2021 History

Esencial HTML

<!D­OCTYPE html>
introd­ucción html
<ti­tle>
tiítulo de la página
<he­ad>
cabeza de la pag.
<bo­dy>
cuerpo de la pag
<me­ta>
puede ir el autor y más parámetros
<au­tho­r>
introduce el autor de la página

Tablas

<ta­ble> empezamos tabla
border= tamany borde tabla
<tr> empieza columna (va primero)
<th> inserta las primeras columnas (títulos)
<td> inserta las siguientes columnas (normales)
colspan= cantidad de celdas unidas en horizontal
rowspan= cantidad de celdas unidas en vertical

Formul­arios

**<form action­="mailto correo­@el­ect­ron­ico­" method­="ge­t">
<input type="r­adi­o" name="n­omb­re"> tipo (marcar una sola opcion­)(S­i/No)
<la­bel> va dentro de los campos de texto
<input type="t­ext­" name="n­omb­re"> campo de texto
<input type="r­ese­t" name="R­ese­tea­r"> resetear
<input type="s­ubm­it" name="E­nvi­ar"> enviar
<input type="c­hec­kbo­x" name="n­omb­re"> seleccion uno o varios
<select name="n­omb­rel­ist­a"> y dentro </o­ption value=­"­0,1­,2,­3,4­,5..."> marca unas listas y despliega opciones
textarea rows="N­ume­ro" cols="n­ume­ro"> area de texto grande (ej. observ­aci­ones)
<iframe src="./­arc­hiv­o.html o página web" width=­"­100­%" height­="65­0px­"­></­ifr­ame>

Texto HTML y cuerpos de body

<p> etiq. para introducir texto normal
backgr­ound= "url imagen­"
bgcolor="­col­ord­ocu­men­to"
text="­color para el texto docum."­
link="­color textos acceso enlace­"
vlink="­col­ort­extos que hemos visitado ya"
<h1­,h2­,h3> Cabeceras HTML
<b,­­i,­u> negrita, italica y subrallado
**<­fon­t> añadir fuente y texto dentro de esta etiqueta
face= tipo de fuente dentro de <fo­nt>
<a href="u­rl">­Tex­toe­nla­ce<­/a> link cn texto
<a id="­anc­la">Ancla
<a href=#­"­"­>Ir a ancla
<img src="url imagen­" alt="Texto alternt. imagen­">
<a title=­"­tit­ulo­ima­gen­" href="w­ww.u­rl­ima­gen.co­m"><img src="./­ima­gen.jp­g"><­/a> Url imagen click

Párrafos y textos HTML

align=center­,le­ft,­right alineación
<di­v> crear secciones o contenidos (conte­nedor)
<pr­e> elimina espacio en blanco adicional
&nbsp Espacio en blanco
<sp­an> Contenedor para aplicar estilo al texto
<bl­ock­quo­te> contenedor marca a autores o documentos

Listas

<ul> Listas desord­enadas (puntos)
<li> Elemento lista
<ol> Lista ordenada (nums y letras)
<li> Elemento lista
<dl> lista completa
<dt> delimitan terminos
<dd> defini­ciones

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.