Computación E Informática: Aula: 3ero Sec Profesor: Erick Lescano Gonzales

PR IV
VO AD
TI
A
COMPUTACIÓN E INFORMÁTICA
O
UC
SA
ORCIO ED
NTO
DOMIN
AULA: 3ERO SEC
NS
CO
GO
CH
A NC AY PROFESOR: ERICK LESCANO GONZALES
¿Qué es lenguaje HTML?

El Lenguaje de HTML es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por
ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos.
HTML no es un lenguaje de programación, HTML consiste en una serie de etiquetas que usarás para encerrar
diferentes partes del contenido para que se vean o comporten de una determinada manera.
1
Los documentos HTML son ficheros de texto plano que pueden ser editados con cualquier editor de texto como:
bloc de notas, notepad++, sublimetext, etc
Una etiqueta html consiste en un signo menor “<”, un nombre de una directiva (orden o comando para el
navegador), seguido de parámetros o tributos y un signo mayor “>”, para cualquier etiqueta que indica inicio de
un elemento hay otra de cierre. En algunos casos no es necesario colocar, o no existe la etiqueta de cierre.
RECUERDA
El nombre de los
documentos escritos en
lenguaje HTML suele tener
la extensión html o htm
Estructura básica de HTML

 Cada página comienza con: < HTML > .
 A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .
 Después, el comando < BODY >, que indica el comienzo del cuerpo de la
página. Las instrucciones HTML se escribirán a continuación, y finalizarán
con < /BODY >.
 La página acabará con < /HTML >
Cabecera de un documento HTML

La cabecera de un documento HTML está delimitada por las etiquetas <HEAD></HEAD>, aquí se incluirán las
definiciones generales que afectarán a todo el documento. Todas las etiquetas son opcionales y se utilizan en casos
determinados. Solo la etiqueta TITLE tiene uso general pero igual es opcional, aunque se recomienda incluirla en
todos los documentos.
Título del documento HTML

Especifica el título del documento HTML, el titulo debe guardar relación con el contenido del documento.
El titulo no forma parte del documento en sí, y no se incluye ni se muestra en el documento, normalmente se
muestra en la parte superior de la ventana del navegador.
La etiqueta TITLE debe ser usada dentro de las etiquetas HEAD de la siguiente forma:
<HEAD>
<TITLE>Titulo del documento</TITLE>
</HEAD>
Cuerpo de un documento HTML
El cuerpo de un documento HTML estará delimitado por las etiquetas <BODY></BODY> y en él se incluirán todas
las instrucciones HTML, por lo que se considera que todo lo que este dentro de esta etiqueta pertenece al cuerpo
del documento.
PR IV
VO AD
TI
A
COMPUTACIÓN E INFORMÁTICA
O
UC
SA
ORCIO ED
NTO
DOMIN
AULA: 3ERO SEC
NS
CO
GO
CH
A NC AY PROFESOR: ERICK LESCANO GONZALES
Guardar código HTML

 Digitar el código en el editor de texto (Sublime Text)
 Clic en archivo (File)
 Clic en guardar como (Save As)
 Escribir el nombre del documento con extensión .html
 Clic en guardar
Atributos del <BODY>

Los atributos de HTML son palabras especiales utilizadas dentro de la etiqueta de apertura, para controlar el
comportamiento del elemento. Los atributos de HTML son un modificador de un tipo de elemento de HTML. 2
<body bgcolor="#rrvvaa" background="URL AQUI" text="#rrvvaa " >
TEXTOS Y CARACTERES
Básicamente sirven para dar formato a texto, párrafos completos o tiras de caracteres dentro de un párrafo.
Encabezados
Existen 6 cabeceras predefinidas de la h1 a la h6. Estas cabeceras ya son interpretadas automáticamente por
HTML y sirven para usarlos en los títulos de diferentes niveles del documento. Provocan un salto de línea en blanco
antes y después de sus etiquetas.
Ejemplo:
<h1>Encabezado 1</h1>
Párrafos en HTML
Sintaxis: Esto es un parrafo
Estas etiquetas se utilizan para indicar el inicio y final de un párrafo, este comando fuerza un salto de línea doble es
decir dejando una línea en blando.
Esta etiqueta tiene como atributo principal: ALIGN, indica que la próxima línea estará alineada
corre la linea al margen izquierdo

centra la linea 
corre la linea al margen derecho
justifica la linea
Salto de línea en HTML

El elemento HTML produce un salto de línea en el texto. Es útil para escribir textos en donde el usuario desee
colocar espacios. Debe tener etiqueta de inicio y no debe tener etiqueta de cierre.
Regla horizontal: <hr>

Se usa para dividir espacios de un documento en secciones, se mostrará una línea horizontal en el documento, la
cual tendrá algunos atributos de estilo
Ejemplo: size: Tamaño de la línea Color: color de la línea Width: ancho de la línea
<hr size="8" color="red" width=”100”>

Computación E Informática: Aula: 3ero Sec Profesor: Erick Lescano Gonzales

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Computación E Informática: Aula: 3ero Sec Profesor: Erick Lescano Gonzales

Cargado por

Copyright:

Formatos disponibles

PR IV

¿Qué es lenguaje HTML?

Estructura básica de HTML

Cabecera de un documento HTML

Título del documento HTML

Guardar código HTML

Atributos del <BODY>

<p align="left">corre la linea al margen izquierdo</p>

Salto de línea en HTML

Regla horizontal: <hr>

<hr size="8" color="red" width=”100”>

También podría gustarte