Está en la página 1de 3

Taller de teoría y prácticas multimedia

Apunte Nº 1
Introducción al lenguaje html

1. Lenguaje de marcado Html, HyperText Markup Language es un


tipo de lenguaje de marcado predominante en la elaboración web
hoy.
2. ¿Qué es un lenguaje de marcado? Es una forma de codificar un texto
que incorpora marcas o etiquetas que entregan información adicional
sobre el texto.
3. Un ejemplo de lenguaje de marcado es cuando una persona dicta una
carta a alguien: Ponga estilo de carta. ponga comillas, ponga
mayúsculas, Estimado Juan, ponga dos puntos, aparte,
sangría, ponga primera letra mayúscula, te escribo esta
carta, ponga negrillas, de forma muy urgente, cierre negrilla,
ya que no me has enviado... etc
4. El html se caracteriza por ser un lenguaje de marcado que en forma de
código establece elementos que un navegador web puede reconocer.
Describe la estructura y el contenido de un sitio mediante una
sistema de etiquetas.
5. En el caso del html, las etiquetas son código capaz de informar de
parámetros web (que luego el navegador interpreta) como: “texto en
negrita”, “texto enlaza a una dirección”, “insertar una imagen”, que
modifican un elemento.
6. Esto es una etiqueta : <b> <img>
7. La mayoría de las etiquetas deben tener una contraparte de cierre, que
indica que allí termina esa etiqueta y se diferencia por el uso de un / .
Etiquetas de cierre: </b> </img>

8. Síntaxis html

9. Los elementos son la estructura básica de HTML.


10. Toda información que deseemos agregar a UN ELEMENTO
mediante código html debe obedecer a las reglas de sintáxis básica
de este lenguaje.
11. Lo primero que se debe tener en cuenta es que todo elemento debe
tener una etiqueta de inicio y una etiqueta de cierre.
12. Por ejemplo, si vamos a utilizar una etiqueta html para poner un
elemento texto en negritas debemos
a. Abrir la etiqueta: <b> (b es el comando utilizado para negrita)
b. Ingresar el contenido: Este texto va en negrita
c. Cerrar la etiqueta : </b> (para cerrar la etiqueta hay que
anteponer / al comando)

En nuestro ejemplo, el código queda así:


<b> Ejemplo </b>
y el resultado es este
Ejemplo
13. Los elementos tienen dos propiedades básicas: atributos y
contenido.

14. Atributos: Es código que da características específicas al


elemento. , utilizando variables.

15. Contenido: Como se ha dicho, el contenido es aquello que va entre


las etiquetas y que es lo que el usuario final ve.

<b> Esto de aquí es el contenido </b>

Esto de aquí es el contenido

16. Los atributos del elemento están contenidos en la etiqueta


de inicio y el contenido está ubicado entre las dos etiquetas.
La etiqueta de cierre concluye el elemento.

<nombrelemento atributo:”valor”> Contenido </nombrelemento>


<p style:”green”> contenido </p>

17. Estructura de una página

18.Todo texto que este escrito en html debe contener la etiqueta inicial
<html> y al final </html>. Esto le indica al navegador que está
leyendo html.

19.Una página escrita en html debería tener dos partes de la página


delimitadas por html. Estas son; el encabezado <head> y el cuerpo
<body>

20.
21.Ejemplo de página

22. Etiquetas y atributos

Comandos Básicos
• < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
• < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca
generalmente el título).
• < TITLE > ... < /TITLE > : Indica el título.
• < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
• < P > ... < /P > : Indica comienzo y fin de un párrafo.
• < BR > : Permite saltarse una línea (se llama quiebre de línea).
• < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado
(un subtítulo). Se recomienda usar sólo 1,2 y 3.
• Tipos de letras:
o < B > ... < /B > : Negrita.
o < L > ... < /L > : Cursiva.
o < BLINK > ... < /BLINK > : Parpadeante.
o < STRONG > ... < /STRONG > : Enfatizada.
• <IMG SRC=”dir”>
• <CENTER> <LEFT> <RIGHT>
• <BODY BG COLOR=””>
• <A HREF="URL">Texto del vínculo</A>

También podría gustarte