Hoja de trucos de código HTML básica (1 / 2 paso)

Paso 1: Código HTML más comun

Etiquetas básicas
< html >< / html >
Crea un documento HTML
cabeza de < >< / cabeza >
Establece el título y otra información que no aparece en la propia página Web
< cuerpo >< / body >
Define la parte visible del documento

Etiquetas de encabezado
< title >< / title >
Pone el nombre del documento en la barra de título

Atributos del cuerpo
< cuerpo bgcolor =? >
Establece el color de fondo, utilizando el valor hexadecimal o nombre
< cuerpo texto =? >
Establece el color del texto, con valor hexadecimal o nombre
< link cuerpo =? >
Establece el color de los enlaces, usando el valor hexadecimal o nombre
< cuerpo vlink =? >
Establece el color de los links seguidos, con valor hexadecimal o nombre
< cuerpo alink =? >
Establece el color de los enlaces clic

Etiquetas de texto
< pre >< / pre >
Crea texto preformateado
< hl >< / HL >
Crea el titular más grande
< h6 >< / h6 >
Crea el titular más pequeño
< b >< /b >
Crea texto en negrita
< i >< / i >
Crea texto en cursiva
< tt >< TT >
Crea teletipo o texto estilo máquina de escribir
< cite >< / cite >
Crea una cita, generalmente cursiva
< em >< /em >
Enfatiza una palabra (con cursiva o negrita)
< fuerte >< / strong >
Enfatiza una palabra (con cursiva o negrita)
< tamaño de letra =? >< / font >
Establece el tamaño de fuente, de 1 a 7)
< el color de fuente =? >< / font >
Establece el color de fuente, utilizando el nombre o el valor hexadecimal

Enlaces
< a href = "URL" >< /a >
Crea un hipervínculo
< a href = "mailto:EMAIL" >< /a >
Crea un enlace mailto
< a name = "Nombre" >< /a >
Crea una ubicación de destino dentro de un documento
< a href = "#NAME" >< /a >
Enlaces a ese lugar de destino de otras partes del documento

Formato
< p >< /p >
Crea un nuevo párrafo
< p align =? >
Permite alinear un párrafo a la izquierda, derecha o centro
< br >
Inserta un salto de línea
< blockquote >
< / blockquote >
Aplica sangría al texto de ambos lados
< dl >< /dl >
Crea una lista de definición
< dt >
Precede cada término de definición
< dd >
Precede cada definición
< ol >< /ol >
Crea una lista numerada
< li >< /li >
Precede a cada elemento de la lista y agrega un número
< ul >< /ul >
Crea una lista con viñetas
< div align =? >
Un tag genérico utilizado para formatear grandes bloques de HTML, también se utiliza para hojas de estilo

Elementos gráficos
< img src = "nombre" >
Agrega una imagen
< img src = "nombre" align =? >
Alinea una imagen: izquierda, derecha, centro; media superior, inferior,
< img src = "nombre" border =? >
Define el tamaño de borde alrededor de una imagen
< h >
Permite insertar una regla horizontal
< h tamaño =? >
Establece el tamaño (altura) de la regla
< h anchura =? >
Establece el ancho de la regla, en porcentaje o valor absoluto
< h noshade >
Se crea una regla sin una sombra

Tablas
< table >< / table >
Crea una tabla
< tr >< /tr >
Pone en marcha cada fila de una tabla
< td >< /td >
Pone en marcha cada celda de una fila
< th >< /th >
Pone en marcha la cabecera de la tabla (una celda normal con texto negrita, centrado)

Atributos de tabla
< borde tabla = #>
Establece el ancho del borde alrededor de las celdas de tabla
< table cellspacing = #>
Establece la cantidad de espacio entre celdas de tabla
< table cellpadding = #>
Establece la cantidad de espacio entre el borde de la celda y su contenido
< tabla ancho = # o % >
Establece el ancho de la tabla en píxeles o como un porcentaje del ancho del documento
< tr align =? > o < td align =? >
Establece la alineación de celdas (izquierda, centro o derecha)
< tr valign =? > o < td valign =? >
Establece la alineación vertical de celdas (superior, medio o inferior)
< td colspan = #>
Número de columnas de que una celda debe abarcar
< td rowspan = #>
Establece el número de filas debe abarcar una célula (por defecto = 1)
< td nowrap >
Impide que se rompa para adaptarse a las líneas dentro de una célula

Marcos
< frameset >< / conjunto de Marcos >
Reemplaza la etiqueta < body > en un documento de marcos; también se pueden anidar en otros conjuntos de marcos
< frameset filas = "valor" >
Define las filas dentro de un conjunto de Marcos, utilizando el número de píxeles o porcentaje de ncho w
< frameset cols = "valor" >
Define las columnas dentro de un frameset, usando número en píxeles o en porcentaje del ancho
marco de < >
Define un solo marco o región dentro de un conjunto de marcos
< noframes >< / noframes >
Define lo que aparecerá en navegadores que no soportan marcos

Atributos de los marcos
< frame src = "URL" >
Especifica que documento HTML debe mostrarse
< nombre de frame = "nombre" >
Los nombres del marco, o región, por lo que puede ser objeto de otros marcos
< marco marginWidht = #>
Define los márgenes izquierdos y derecho del marco; debe ser igual o mayor que 1
< marco marginheight = #>
Define los márgenes superior e inferior del marco; debe ser igual o mayor que 1
< marco desplazamiento = valor >
Establece si el marco tiene una barra de desplazamiento; valor puede ser igual "sí", "no" o "auto." El valor predeterminado, como en los documentos, es auto.
< marco noresize >
Impide que el usuario cambiar el tamaño de un marco

Formas
Formas funcionales, tendrás que ejecutar un script CGI. El HTML sólo crea la apariencia de un formulario.
formulario de < >< / form >
Crea todas las formas
< seleccionar múltiples nombre = "Nombre" tamaño =? >< / select >
Crea un menú desplegable. Tamaño establece el número de elementos de menú visible antes de que usted necesita para desplazarse.
opción de < >
Pone en marcha cada elemento de menú
< select nombre = "Nombre" >< / select >
Crea un menú desplegable
opción de < >
Pone en marcha cada elemento de menú
< textarea nombre = cols "Nombre" = 40 filas = 8 >

Artículos Relacionados

Construir un sitio web profesional: parte 1

Construir un sitio web profesional: parte 1

esto es parte de una serie rápida de instructables que le llevará desde los códigos básicos tales como cómo hacer texto en negrita a CSS avanzado y código dinámico.La hoja de trucos el código se puede encontrar en este instructable: código básico HTM
Construir un sitio web profesional: parte 2

Construir un sitio web profesional: parte 2

esta es la segunda serie de las lecciones de punto en diseño web. Si eres nuevo en diseño web o la necesidad de volver a tapar, por favor informe: construir un sitio web profesional: parte 1Código HTML y los códigos de color son en este instructable:
Construir un sitio web profesional: parte 3 CSS

Construir un sitio web profesional: parte 3 CSS

CSS (Cascading Style Sheets) son como el pan en un sandwich de PB & J. Seguro, las tablas están bien pero el código es mucho más limpio y eficiente con CSS.CSS es un método sencillo de añadir estilo (p.ej. fuentes, colores, espaciado) a los documento
VBA código para desbloquear A bloquear hoja de Excel

VBA código para desbloquear A bloquear hoja de Excel

si alguna vez has olvidado una contraseña para uno de tus hojas de cálculo de excel usted sabe lo frustrante que puede ser.El código usado en esta instrucción es uno de los más sencillos que he encontrado. Se generará un código utilizable que desbloq
Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

Hacer un sitio web todo sobre usted con Visual Studio (HTML, CSS, JQUERY)

¡ Hola todos!Este es mi primer instructivo y en este instructable voy a mostrarle cómo utilizar Visual Studio para crear su propio sitio web!Aquí va un link de descarga para Visual Studio:Enlace Inicio Visual Studio´sEnlace de descarga directaEsto po
Cómo transmitir el eclipse solar a un sitio web con una webcam USB (código de C#) 20 de marzo de 2015

Cómo transmitir el eclipse solar a un sitio web con una webcam USB (código de C#) 20 de marzo de 2015

C# fuente de código para la transmisión de imagen para sitios web - no sólo en el 20 de marzo de 2015!Este artículo muestra cómo ver el eclipse solar segura el 20 de marzo en su PC mediante el uso de un simple USB webcamera. Es un C#-solución base qu
HTML y CSS para principiantes

HTML y CSS para principiantes

¿Lo que es común entre Instructables, Google, Facebook y más de otros sitios web en internet? Bien, todos ellos utilizan HTML y CSS para definir su interfaz y diseño. Estos sitios utilizan Javascript muy, pero no va a utilizar que en este instructabl
Web diseño básico (HTML y CSS)

Web diseño básico (HTML y CSS)

yo estoy aprendiendo HTML y CSS y estoy pronto va a llegar certificado en ella así, y pensé que sería una buena idea para dar a conocer un tutorial sobre cómo empezar a diseñar su propia página web usando HTML y un poco de CSS...HTML es el acrónimo p
Cómo mejorar tu Instructables usando HTML

Cómo mejorar tu Instructables usando HTML

Instructables es una manera impresionante a compartir sus conocimientos y aprender de los demás. A veces, una gran cantidad de texto en un Instructablecan ser intimidante o una Instructable simplemente no se ve muy interesante. Para solucionar esto,
¿Editor HTML/CSS?

¿Editor HTML/CSS?

soy un geek.No certificable, no gano dinero en él, no podía piratear de página de Facebook de mi madre sin importar cuántos agentes del FBI estaban detrás de mí.Pero yo soy un geek, al menos en espíritu.Sé esto porque acabo de terminar un proyecto de
Sitio web (HTML y CSS)

Sitio web (HTML y CSS)

Hola a todos en instructables :)Recientemente he estado intentando hacer que algunos sitios web y host en línea simplemente ver cómo el HTML y CSS he aprendido elaborado por lo que podría hacer un completo sitio web derecho que ofrece y la revisión d
Destino incrustar código

Destino incrustar código

Encontrado un truco aseado para obtener su carácter de destino en una página web(un poco como en la aplicación del compañero)Paso 1: Ir al sitioir a Http://Destinytracker.comPaso 2: Tipo Gamertag/PSN IDarriba en la esquina superior izquierda, selecci
Cómo agregar código de Konami a su sitio de Internet

Cómo agregar código de Konami a su sitio de Internet

Si juegas un montón de juegos de video, puede ser familiar con el clásico código de Konami. El código de Konami fue introducido como un código de trucos de muchos juegos de video de Konami, sin embargo más tarde fue recogido por otros estudios de vid
S.Alt ciudad: Código QR Mural interactivo

S.Alt ciudad: Código QR Mural interactivo

Ciudad de S.Alt es un mural para el centro de Syracuse que se celebra simultáneamente el pasado industrial de Siracusa y su estado actual como un centro artístico. A primera vista, la imagen es histórica, que representa a un centro de distribución de