![COLEGIO GRECIA
2014
Producto 4: Etiquetas de
html y sus atributos
Juan Carlos Sainz Gutiérrez y Cesar González
Ríos
Tecnologías 3
[ E S C R I B I R L A D I R E C C I Ó N D E L A C O M P A Ñ Í A ]](https://image.slidesharecdn.com/producto4-140902122310-phpapp02/85/producto-4-1-320.jpg)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Producto 4
Último
Último (20)
Producto 4
- 1. COLEGIO GRECIA 2014 Producto 4: Etiquetas de html y sus atributos Juan Carlos Sainz Gutiérrez y Cesar González Ríos Tecnologías 3 [ E S C R I B I R L A D I R E C C I Ó N D E L A C O M P A Ñ Í A ]
- 2. Etiquetas básicas de html IMAGEN La etiqueta <IMG> te servirá para situar imágenes en una página. Es una etiqueta "verdadera", pues no tiene etiqueta de cierre: <IMG> La etiqueta <IMG> requiere un origen de datos obligatorio dado por el atributo SRC=. Indica la imagen en cuestión: <IMG SRC="bander.gif"> HIPERVINCULO Dicha etiqueta <a> deberá incluir el atributo href para especificar el destino del hipervínculo, y luego, como todas las etiquetas de HTML, se deberá cerrar de la manera </a> para indicar el fin del texto o de la imagen que contiene el hipervínculo. Entonces, el hipervínculo en HTML luce de la siguiente manera: <a href=”dirección del sitio”>Texto del Hipervínculo</a> TABLAS Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas: <TABLE> y </TABLE> son las etiquetas donde está contenida la tabla <TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera) <TD> y </TD> señalan una celda. La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contengan el mismo número de celdas. La tabla (2x2) más sencilla que podemos hacer es la siguiente
- 3. <TABLE > <TR> <TD>1 </TD> <TD> 2 </TD> </TR> <TR> <TD>3 </TD> <TD> 4</TD> </TR> </TABLE> Etiquetas básicas de html PARRAFOS HTML considera que los párrafos son bloques de texto. Los navegadores hacen lo posible para adaptar el contenido de los párrafos a la ventana, a menos que los atributos NOWRAP o NOBR estén explícitamente especificados. Dentro de un párrafo, todos los espacios, tabuladores y saltos de línea cuentan como un espacio simple. Para colocar textos en bloques, se utiliza el par de etiquetas <p> y </p>. Esta etiqueta puede incluir cualquiera de los atributos mencionados anteriormente. Los saltos de línea (saltar de una línea a la siguiente) se crean usando la etiqueta <br/>. La etiqueta <hr> se utiliza para insertar una línea horizontal. BODY El cuerpo es la segunda sección de la estructura del HTML y está definida por las etiquetas <BODY>...</BODY>. Dentro de las etiquetas del cuerpo se localiza toda la información que será desplegada en los exploradores. Por ejemplo, podemos encontrar elementos tales como: encabezados, textos, tablas, imágenes, animaciones, etcétera, que contienen sus propios atributos y que repasaremos una a una en los siguientes temas. A su vez, la etiqueta del cuerpo <BODY>...</BODY>, contienen atributos que controlan la parte visible del documento. Estos atributos o propiedades son popularmente usados para agregar color y diseño a la página.
- 4. Etiquetas básicas de html FORMULARIOS Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas revistas. Los formularios están delimitados con la etiqueta <FORM> ... </FORM>, que permite reunir varios elementos de formulario, como botones y casillas de texto y que debe poseer los siguientes atributos: METHOD indica cómo se enviarán las respuestas "POST" es el valor que envía los datos al agente de procesamiento almacenándolos en el cuerpo del formulario, en tanto que "GET" envía los datos agregándolos a la dirección URL y separándolos de la dirección con un signo de interrogación (para aprender más sobre los métodos POST y GET, consulte el artículo sobre protocolo HTTP) ACTION indica la dirección a la que se enviará la información (un script CGI o dirección de correo electrónico (mailto:dirección_de_correo_e@equipo)) Un atributo opcional de la etiqueta FORM es ENCTYPE, que especifica cómo se codifican los datos del formulario. De cualquier forma, esto no necesita especificarse, ya que el valor predeterminado (application/x-www-form-urlencoded) es el único valor válido. El atributo opcional ACCEPT se usa para establecer tipos MIME para los datos que el formulario puede enviar.
- 5. Etiquetas básicas de html TEXTO En XHTML, todo el texto de un documento debe estar contenido por alguna de las etiquetas que se comentan en esta página. En principio se puede utilizar cualquier etiqueta para cualquier fin, pero la costumbre es utilizar cada etiqueta para un tipo determinado de texto. Algunos programas que analizan páginas web, por ejemplo los buscadores, utilizan las etiquetas para interpretar el contenido de la página. Nota: El texto de una página web puede encontrarse también en una estructura especial (una lista, una tabla o un formulario), pero estas estructuras no se tratan aquí. Existen tres tipos de etiquetas aplicables a texto sin ninguna estructura predeterminada, las etiquetas de bloque, las etiquetas en-línea y las etiquetas de contenedores de texto: Las etiquetas de bloque son las que no necesitan estar contenidas dentro de ninguna etiqueta (salvo <body> y <html>). Las etiquetas en-línea necesitan estar contenidas dentro de otras etiquetas de bloque, ya que están pensadas para afectar a sólo una parte del texto. Las etiquetas de contenedores de texto son etiquetas que pueden contener en su interior etiquetas de bloque BIBLIOGRAFIA http://es.kioskea.net/contents/248-encabezados-en-html