LOGO
HTML – Principales Etiquetas
<br> - <p> - <hn> - <strong> - <i> - <font>
Salto de línea <br>
 Todo el texto que colocamos en el cuerpo (body),
aparece en una misma línea, no importa si colocamos
Enter.
 Para indicarle al navegador que pase a la siguiente línea
lo hacemos con la etiqueta <br>.
 Cuando aparece la etiqueta <br> el navegador continua
el texto en la próxima línea.
 Esta etiqueta NO TIENE marca de cerrado (es decir no
finaliza con </br>.
 <br> viene de la palabra break.
LOGO
Salto de línea <br>
Ejemplo 1
<html>
<head>
</head>
<body>
Argentina <br> Perú <br> Italia <br> Colombia
<br> Venezuela <br> Francia.
</body>
</html>
LOGO
Salto de línea <br>
Ejemplo 2
<html>
<head>
</head>
<body>
HTML es un lenguaje para crear páginas Web. <br>
HTML significa Hyper Text Markup Languaje.
</body>
<html>
LOGO
Párrafo <p>
 Las etiquetas <p> </p> sirve para separar párrafos.
 Hace dos saltos de línea, para dejar una línea en blanco
entre los párrafos.
 Los párrafos quedan espaciados y se ve mas legible el
texto.
 <p> viene de la palabra paragraph.
LOGO
Párrafo <p>
Ejemplo 3
<html>
<head>
</head>
<body>
<p>Tras haberse reunido con el secretario general de la ONU, el titular de la Asamblea General y el
presidente del Consejo de Seguridad, el canciller argentino Héctor Timerman dio en conferencia de
prensa más detalles sobre la denuncia de "militarización“.</p>
<p>Allí, Timerman denunció que los británicos "han cuadriplicado su poder naval en el Atlántico Sur"
con el envío del buque HMS Dauntless. "Se trata de la última generación de barcos en el mundo entero.
No hay ningún país de la región que tenga este tipo de embarcación. Ninguno podría hacer frente a este
tipo de armamento", argumentó. </p>
</body>
<html>
LOGO
Párrafo <p>
 Se puede modificar la alineación del párrafo mediante el
atributo align.
 El atributo puede tomar los siguientes valores:
 Left: el párrafo se alinea a la izquierda
 Right: el párrafo se alinea a la derecha
 Center: el párrafo se centra.
 Se usa de la siguiente manera:
<p align = center> …//Aquí va el párrafo……….. </p>
LOGO
Párrafo <p>
Ejemplo 4
<html>
<head>
</head>
<body>
<p align = left>Tras haberse reunido con el secretario general de la
ONU, el titular de la Asamblea General y el presidente del Consejo de
Seguridad, el canciller argentino Héctor Timerman dio en conferencia
de prensa más detalles sobre la denuncia de "militarización“.</p>
</body>
<html>
LOGO
Títulos: <h1><h2><h3><h4><h5><h6>
 Estas etiquetas me permiten cambiar el tamaño de los
títulos.
 El número indica el tamaño. El tamaño de letra mayor
corresponde al 1. El tamaño de letra menor es el 6.
 Se usa de la siguiente forma:
<h1> Hola </h1>
 <h1> viene de heading
 Estas etiquetas provocan siempre un salto de línea.
LOGO
Títulos: <h1><h2><h3><h4><h5><h6>
Ejemplo 4
<html>
<head>
</head>
<body>
<h1> Hola </h1>
<h2> Hola </h2>
<h3> Hola </h3>
<h4> Hola </h4>
<h5> Hola </h5>
<h6> Hola </h6>
</body>
<html>
LOGO
Negrita y Cursiva: <strong> y <i>
 <strong> </strong>Estas etiqueta me permite poner
el texto en negrita:
<strong> Este título esta en negrita </strong>
 <i> </i>Estas etiqueta me permite poner el texto en
cursiva:
<i> Este título esta en cursiva</i>
 <i> viene de Italic (cursiva)
LOGO
Anidar etiquetas!!!!
 Se pueden poner etiquetas dentro de otras etiquetas
 Por ejemplo quiero que la frase Hola Mundo salga en negrita y
en cursiva
<i> <strong> Hola Mundo</strong> </i>
 Tener cuidado de ir cerrando las etiquetas en orden!!!!!
 Puedo anidar cuantas etiquetas quiero!!!
LOGO
Negrita y Cursiva: <b> y <i>
Ejemplo 4
<html>
<head>
</head>
<body>
<strong> Texto en negrita </ strong >
<i> Texto en cursiva </i>
< strong > <i> Texto en negrita y en cursiva </i> </b>
</body>
<html>
LOGO
Etiqueta <font>
 Esta etiqueta nos permite nos permite personalizar el
texto: tamaño y color.
 Los atributos que tiene son:
 color: determina el color que se aplica al texto.
 size:
Determina el tamaño relativo del texto. Los tamaños
validos van del 1 al 7.
 Como se usa:
 <font color=“blue”>Este texto aparece en azul </font>
 <font size=7> Este texto esta en tamaño 7 </font>
LOGO
Negrita y Cursiva: <b> y <i>
Ejemplo 4
<html>
<head>
</head>
<body>
<font color=“blue”>Este texto aparece en azul </font>
<font size=7> Este texto esta en tamaño 7 </font>
</body>
<html>
LOGO
Descargar

1° Parte(ppt)