Tecnología

Inicio

Una guía de programación HTML Tutorial

November 18

Una guía de programación HTML Tutorial


Hyper-Text Markup Language (HTML) es el lenguaje de marcas utilizado para las páginas web de código. En lugar de utilizar un lenguaje de programación completo - tales como C ++ o Java - programadores HTML utilizan bits de código llamado "etiquetas" para contar los navegadores cómo tratar trozos de texto y otros contenidos. A partir de 2011, las dos especificaciones de HTML actuales son HTML 4.01 y XHTML 1.0. El World Wide Web Consortium (W3C) todavía está trabajando en las especificaciones de HTML 5, que es utilizado por muchos programadores de páginas web. Sin embargo, no es todavía una versión oficial de HTML. Todas las especificaciones modernas utilizan las mismas etiquetas básicas.

Instrucciones

A partir de un documento HTML

1 Crear un nuevo archivo en blanco en un editor de texto o código de editor de llanura como Notepad ++, jEdit, BBEdit o Coda. Bloc de notas de Windows también trabaja para la codificación HTML, a pesar de que le gusta líneas numeradas que hacen trozos de código para encontrar más difícil en los archivos de mayor tamaño. Llene la declaración DOCTYPE en la primera línea del nuevo archivo HTML. Los codificadores de páginas web modernos utilizan el tipo de documento HTML 5 de <! DOCTYPE html>, porque es corto y fácil de recordar. Por debajo del tipo de documento, añadir su apertura y cierre <html>. La etiqueta de cierre <html> es </ html>.

2 Añadir apertura y cierre <head> etiquetas entre las etiquetas <html>. Cualquier cosa dentro de las etiquetas <head> es información destinada para el navegador, los motores de búsqueda, y otros programas. Los visitantes a su sitio no ven esta información. Tipo <title> Título de su sitio aquí </ title> para decirle al navegador qué título para mostrar para su sitio web. Debajo de eso, añadir <style> para incluir código de Cascading Style Sheet (CSS) y etiquetas <script> para incluir código JavaScript. etiquetas meta también van dentro de las etiquetas <head>, al igual que cualquier <link> etiquetas que se utilizan para unir los archivos de código adicionales a la página.

3 Añadir apertura y cierre de etiquetas <body>. Entre estas etiquetas, escriba cualquier texto que aparezca en la página web. Mientras que en los documentos de Word resaltar texto y haga clic en los botones para cambiar su apariencia, en HTML que se coloca el texto en las etiquetas. La etiqueta <p> crea párrafos y etiquetas como <em> y <strong> añadir énfasis (en cursiva) y los estilos negrita al texto. Crear listas de viñetas utilizando <ul> etiquetas, y añadir elementos de lista mediante las etiquetas <li> envueltas alrededor de cada sección con viñetas de texto. texto del estilo de los navegadores dentro de estas etiquetas utilizando algunos de los estilos predeterminados. El cambio de estos estilos requiere un cierto conocimiento de CSS.

4 Tipo <img /> para añadir una imagen a su documento. Vuelva a colocar el texto en las comillas con la ruta al archivo de imagen. Las etiquetas de imagen son de cierre automático y no necesitan etiqueta de cierre </ img>. formatos de imagen compatibles incluyen .gif, .jpg y .png. Mientras que los archivos GIF son más pequeños y se cargan más rápido, las imágenes .JPG son menos grano, y PNG permiten la mejor calidad al menor tamaño. Todos los navegadores Internet Explorer 6, pero se muestran correctamente PNG imágenes con transparencia.

5 Guarde el archivo con la extensión .html y luego abrirlo en un navegador. Sin ningún tipo de código CSS con el estilo de la página, que se verá muy claro. Esto es lo que cualquier documento HTML se parece sin CSS o JavaScript. Haga clic derecho en la ventana del navegador y seleccione "Ver código fuente" para mostrar el código HTML. Usted puede hacer esto en cualquier sitio web, para ver su HTML.

Consejos y advertencias

  • Aprender CSS si desea que el estilo de sus páginas web. Incluir CSS después de la siguiente etiqueta, dentro de las etiquetas <head>: <style type = "text / css">. Poner fin a la CSS con una etiqueta de cierre </ style>. También existen otras formas de incluir CSS.
  • No escribir código HTML en Microsoft Word o cualquier editor de texto enriquecido similar. Estos programas formatean el código que aparece distorsionado y roto cuando se ve en un navegador.