PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
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
![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)
