Html
Enviado por yulymar • 12 de Diciembre de 2012 • Informe • 792 Palabras (4 Páginas) • 236 Visitas
HTML
INTRODUCCIÓN A LA PROGRAMACIÓN DE PÁGINAS WEB
INTRODUCCIÓN A HTML
• Con HTML puedes crear Web site.
• HTML es derivado de un lenguaje SGML (Standard Graphics Markup Language).
• El futuro de HTML es XML (extended Markup Language).
• HTML NO es un lenguaje de programación, es un Lenguaje de marcas.
• Un lenguaje de marcas está precedido por TAGS.
HTML Elementos y Tags
• los tag siempre van encerrados entre ángulos (bracket) <> <HTML>
•
• Los tags normalmente van en pares
<HTML> and </HTML>
Tag de inicio = <HTML>
Tag final =</HTML>
Para iniciar
• Escribir el código en notepad.
• Salvar el archivo con la extensión (.Html)/(.Htm)
• Ver las páginas web browser INTERNET
EXPLORER, NETSCAPE NAVIGATOR etc.
• En el web browser (internet explorer or firefox) se pueden leer documentos html y visualizar las páginas web
HTML>
<HEAD>
<TITLE>
MI PRIMERA PÁGINA
</TITLE>
</HEAD>
<BODY>
CANAL DE INFORMACIÓN GLOBAL
</BODY>
</HTML>
Explicando estos tags
• <HTML> - Describe HTML web page that is to be viewed by a web browser.
• <HEAD> - Esto define la sección de encabezado de la página.
• <TITLE> - Aqui se señala el titulo que aparece en la página.
• <BODY> - En este tag va el contenido de la página web.
Tipos de Tags
Diferentes tipos de tags:->
Elemento Contenedor :->
Los Tags contienen inicio y fin.
<HTML>… </HTML>
Elementos vacios :->
<BR>
Tags para formato de texto
Elementos del Titulo :->
• Seis tamaños de titulos (<H1>,<H2>,<H3>,<H4>, <H5>,<H6>).
• Todos los elementos del titulo requieren de un tag de entrada y salida.
• <h1> Imprime las letras grandes.
• <h6> Imprime letras pequeñas.
Código de titulo
<html>
<head><title>heading</title></head>
<body>
<h1> CANAL DE INFORMACIÓN</h1>
<h2> CANAL DE INFORMACIÓN </h2>
<h3> CANAL DE INFORMACIÓN </h3>
<h4> CANAL DE INFORMACIÓN </h4>
<h5> CANAL DE INFORMACIÓN </h5>
<h6> CANAL DE INFORMACIÓN </h6>
</body>
</html>
HTML Tag de Parrafo
• Los parrafos son divididos con el tag <p> .
<p>Esto es un parrafo</p>
<p>Esto es un parrafo</p>
<pre>Esto es un texto preformateado</pre>
Salto de Linea y linea Horizontal
• Sí quieres hacer un salto de linea o una nueva linea sin hacer una nueva frase, use <br> tag.
• Define una linea horizontal, use <hr>tag.
• <br> <hr> son elementos vacios
• <hr>
• Global Information <br> Channel
Tags de Formateo de texto
<b>
<big>
<em>
<i>
<small>
<strong>
<sub>
<super>
<ins>
<del>
<tt>
<u>
<strike>
Texto Formateado
html>
<head></head>
<body>
<b>This text is Bold</b>
<br><em>This text is Emphasized</em>
<br><i>This text is Italic</i>
<br><small>This text is Small</small>
<br>This is<sub> Subscript</sub> and <sup>Superscript</sup>
<br><strong>This text is Strong</strong>
<br><big>This text is Big</big>
<br><u>This text is Underline</u>
<br><strike>This text is Strike</strike>
<br><tt>This text is Teletype</tt>
</body>
</html>
Tag Font
<html>
<head><title> fonts</title></head>
<body>
<br><font color=“green" size="7" face="Arial"> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="6" face="Comic Sans MS "> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="5" face="Lucida Sans Unicode"> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="4" face="Courier New"> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="3" face="Times New Roman"> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="2" face="Arial Black"> GLOBAL INFORMATION CHANNEL </font>
<br><font color=“green" size="1" face="Impact"> GLOBAL INFORMATION CHANNEL </font>
</body>
</html>
...