10
PAG WEB I ESTRUCTURA Etiquetas <HTML> </HTML> <HEAD> </HEAD> <BODY> </BODY> PAG WEB

Pag web i

Embed Size (px)

Citation preview

Page 1: Pag web i

PAG WEB I

ESTRUCTURA

Etiquetas

<HTML> </HTML>

<HEAD> </HEAD>

<BODY> </BODY>

PAG WEB

Page 2: Pag web i

CARPETA HTML

COLORES EXADECIMAL

MODIFICACION

PAG WEB

Page 3: Pag web i

Pag web II

Comentarios

Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y //-->.

Por ejemplo, para insertar el texto siguiente con un comentario:

¡Bienvenidos, esta es mi 1ª página!

Saltos de línea <br>.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe.

Por ejemplo, para insertar el texto:

Queridos usuarios,

tengo el placer de comunicaros que hay una nueva sección.

Texto preformateado <pre>

Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.

Por ejemplo, para insertar el texto:

Page 4: Pag web i

<html>

<head>

<title>agromedina 902 </title>

</head>

<!--pagina wed elaborada por felipe morales 902 //-->

<body bgcolor="green">

<hr>

<MARQUEE bgcolor="orange" behavior="alternate"direction ="right"><h2 align="CENTER" > BIENVENIDOS A NUESTRAWEB

COORPORATIVA</H2></MARQUEE><br>

<hr>

nuestra empresa brinda servicios de calidad y duracion<br>

<br>

<font color="RED" size="4" face ="comic sans ms"><b>FERRARI</B></FONT>

<FONT COLOR="RED" SIZE ="4" FACE="ARIAL"><I><B>458</I></B></FONT><BR>

Separadores <hr>

El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.

Es posible especificar algunos atributos de la regla horizontal:

Page 5: Pag web i

PAG WEB III

Formatear el texto <font> ...

Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:

Resaltado del texto <b> ...

A continuación se muestran algunas etiquetas asociadas al tipo de letra:

Page 6: Pag web i

Párrafos <p> ...

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente.

Encabezados <h1> ..

A continuación se muestran los distintos encabezados existentes:

Page 7: Pag web i

Marquesinas <marquee>

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.

Pag ULTIMO

<html>

<head>

<title>agromedina 902</title>

</head>

<!-- Esta pagina web fue elaborada por felipe morales medina 902 //-->

<body BGCOLOR="WHITE">

<hr>

<Font color="orange"> <marquee><H1>Bienvenido a nuestra Wed Corporativa</H1></marquee> <br>

<hr><br>

<font color="ORANGE" size="6" face="COMIC SANS MS"><B>AGROMEDINA</B></font>

<Font color="ORANGE" size="4" face="Comic Sans MS"><B><I> SERVICIO DE CALIDAD </I></B></font> <br>

<img src="imagenes/RIN AMARILLO.JPG"BORDER="4">

Page 8: Pag web i

<img src="imagenes/RIN ROJO.JPG"BORDER="4">

<Font color="GREEN" SIZE "6" FACE="COMIC SANS MS"> <P align="center">Nuestra empresa cuenta con mas de 25 años

prestando un servicio de calidad y seguridad a nuestro cliente.

<Font color="GREEN" SIZE "6" FACE="COMIC SANS MS">

<table border="2">

<tr>

<td>VALOR</td>

<td>MARCA</td>

</tr>

<tr>

<td>1.000.000</td>

<td> BBS</td>

</tr>

Page 9: Pag web i

<tr>

<td>550.000</td>

<td>HBD</td>

</tr>

</table>

Pag imágenes

Pag tabla