Como Aprender HTML Mas Avanzado

Consejos
• Puedes encontrar una página web simple en Internet y jugar un poco con el código. Intenta mover el
texto, cambiar la fuente, alterar imágenes o cualquier otra que te guste.
• Puedes conseguir una libreta y escribir todos los códigos, así si necesitas acordarte de uno, simplemente
puedes abrir la libreta y buscarlo. También puedes imprimir este artículo para usarlo como referencia.
• XML e RSS se están convirtiendo más y más comunes en los sitios web de hoy en día. Sus códigos
pueden ser difíciles de leer y entender, especialmente cuando se ven en un archivo de código fuente
HTML, pero tienen sus propios efectos.
• Las etiquetas de marcas en HTML no distinguen entre mayúsculas y minúsculas, pero se recomienda
usar puras minúsculas (como se hace en esta página) para fines de estandarización y de compatibilidad
con XHTML
Cosas que necesitarás
• Un programa de edición de texto, por ejemplo Notepad (en Windows) o TextEdit (en Mac)
• Una libreta (opcional)
• Un programa de edición de código HTML como Notepad++ (en Windows) o TextWrangler (en Mac), esto
es opcional.
Referencias
• ↑ http://www.w3schools.com/html/html_editors.asp
• ↑ http://www.w3schools.com/cssref/default.asp
1 Aprende sobre los atributos. Los atributos se colocan dentro de la etiqueta en sí y hacen alteraciones
adicionales al “contenido de elementos” entre el inicio y el final de la etiqueta. Nunca se colocan por sí solos. Se
escriben en el formato name="value", donde name es el nombre de los atributos (en este caso “color”), y value
describe la instancia específica (en este caso “red” (rojo)).
Ya has visto atributos antes, si leíste la sección de HTML básico de esta guía. Las etiquetas <img> utilizan el
atributo src, las anclas utilizan el atributo name y los enlaces el atributo href. ¿Ves cómo todas siguen el formato
___="___"?
2 Experimenta con tablas HTML. Para crear una tabla o diagrama, necesitas varias etiquetas diferentes. Juega
con estas etiquetas o aprende sobre tablas HTML en más detalle.
• Empieza a colocar las etiquetas de tabla alrededor de toda la tabla: <table></table>

• Las etiquetas de las filas alrededor del contenido de cada fila: <tr>
• Los encabezados de columnas en la primera fila: <th>
• Celdas en las filas posteriores: <td>
• Aquí hay un ejemplo de cómo queda todo junto:
https://es.wikihow.com/aprender-HTML
3 Aprende las etiquetas de encabezados misceláneos. Ya aprendiste la etiqueta <head>, la cual aparece al
principio de cada documento. Aparte de la etiqueta <title>, puedes incluir los siguientes tipos de etiquetas:
• Etiquetas meta, las cuales se utilizan para proveer metadata (una serie de información que describe y da
información sobre otra información) sobre una página web. Esta información puede usarse por los
motores de búsqueda al cuando el robot busca en Internet para ubicar y listar sitios web. Para hacer que
tu sitio web sea más visible en los motores de búsqueda, utiliza una o más etiquetas <meta> de inicio (no
necesitas cerrar esa etiqueta), cada una con un nombre de atributo y un contenido de atributo, por
ejemplo: <meta name="description" content=“escribe una descripción aquí”>; or <meta name="keywords"
content=“escribe una lista de palabras clave, cada una separada por una coma”>
• Las etiquetas <link> se usan para asociar otros archivos con la página. Esto principalmente usa para
enlazar a hojas CSS, las cuales se hacen con un diferente tipo de código para alterar la página HTML
añadiendo color, alineando el texto y más.
• Las etiquetas <script> se usan para enlazar la página a archivos de JavaScript, los cuales pueden hacer
que la página cambie conforme el usuario interactúa con ella.
4 Juega con el código HTML que encuentres en el sitio web. Una gran forma de expandir tu conocimiento es
viendo la fuente HTML de varios sitios web. Puedes hacerlo haciendo clic derecho en la página y seleccionando
“Ver fuente”, “Mostrar código fuente de la página” o algo similar, o entrando a la sección “Visualización” en el
menú principal de tu navegador. Intenta averiguar qué hace cada etiqueta HTML que no conozcas o búscala en
línea.
• Mientras que no puedes editar los sitios web de otras personas, puedes copiar el código HTML que
encuentres en un documento y después jugar con el código para ver qué hacen las diferentes opciones.
Ten en mente que sin la hoja CSS a la cual está enlazado el sitio web, no podrás ver todos los colores y
el formato.
Capture pantallazo
5 Aprende un diseño web más avanzado leyendo guías más completas. Existen varias fuentes en Internet
que puedes usar para aprender más sobre etiquetas HTML, como W3Schools o Codecademy. También puedes
encontrar libros con guías sobre HTML; solo asegúrate que estén actualizados, ya que usualmente hay varios
cambios. Mejor aún, aprende CSS para tener más control sobre el diseño de tu página web y la apariencia. Una
vez que aprendas CSS, el siguiente paso para los diseñadores de páginas web es aprender Javascript.
Capture pantallazo

Como Aprender HTML Mas Avanzado

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Como Aprender HTML Mas Avanzado

Cargado por

Copyright:

Formatos disponibles

Consejos

Cosas que necesitarás

• Empieza a colocar las etiquetas de tabla alrededor de toda la tabla: <table></table>

También podría gustarte