Scribd
Cargar
12 vistas3 páginas

HTML Apunte 1

El documento es una guía básica sobre HTML y su evolución hacia HTML5, destacando la estructura fundamental de un documento HTML. Se explican las etiquetas esenciales, como <head>, <body>, y las etiquetas de texto y enlace, junto con sus atributos. Además, se enfatiza la importancia de la declaración <!DOCTYPE> al inicio del documento.

Cargado por

Lautaro Passucci
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
12 vistas3 páginas

HTML Apunte 1

El documento es una guía básica sobre HTML y su evolución hacia HTML5, destacando la estructura fundamental de un documento HTML. Se explican las etiquetas esenciales, como <head>, <body>, y las etiquetas de texto y enlace, junto con sus atributos. Además, se enfatiza la importancia de la declaración <!DOCTYPE> al inicio del documento.

Cargado por

Lautaro Passucci
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

Apunte Desarrollo Web CFP “Malvinas Argentinas” Hurlingham.

Profesor: Lautaro Passucci


Curso:819
HTML BASICO:
HTML
Es un lenguaje de marcado que se usa para estructurar páginas web,
que actualmente todavía sigue en su evolución la versión actual es
HTML5.

¿Que es html 5? – Simplemente Como su nombre indica, HTML 5 es el


sucesor de HTML4. Este trabajo o proyecto de HTML5 se inicio a finales
de 2003 con un grupo de trabajo que se propuso a hacer un lenguaje
que llegara con un conjunto de tecnologías que permiten construir la
nueva Web.

<! DOCTYPE> debe ser lo primero que debe ir en un documento HTML


5, antes de la etiqueta <html>.
¡¡Ojo!! <DOCTYPE!>, no es una etiqueta, esto es una instrucción para
el navegador que declara la versión de html que se está usando.

Estructura Básica de un Documento HTML


Que es lo mínimo que se requiere para tener una correcta base para
iniciar nuestro proyecto

<!DOCTYPE html>
<html lang="es”>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

<! DOCTYPE> Debe ser lo primero que debe ir en un documento HTML


5, antes de la etiqueta <html>.
¡Ojo! <DOCTYPE!>, no es una etiqueta, esto es una instrucción para el
navegador que declara la versión de html que se está usando.
<html lang=“es”>. Esta etiqueta inicia el documento html encierra todo el
contenido del documento, y lang=“es” Indica el lenguaje en el cual se
desarrollara el documento,“es” significa español. La etiqueta </html>
cierra todo el documento.

<head> Abre el encabezado del documento encierra información


variada como el titulo del documento, los caracteres, enlaces a hojas de
estilo (CSS),
metadas etc. La etiqueta </head> cierra el encabezado.

<mea charset=“UTF-8”> Es un etiqueta meta y se encuentra dentro del


encabezado <head> le indica al navegador que tipo de caracteres
se van a utilizar para mostrar los textos (alfabeto).

<title> Dentro de esta etiqueta se ingresa el titulo o nombre del


documento, esta información se vera en por ejemplo en el borde de la
ventana, o pestaña
del navegador. La etiqueta </title> cierra el titulo del documento.
<body> Esta etiqueta va a contener todo el contenido del cuerpo del
documento o pagina. Es decir que toda la información visible por el
usuario: Fotos, textos, tablas, etc.
La etiqueta </body> cierra el cuerpo del documento.

Etiquetas de Texto en html:

<h1> </h1> El texto que se introduzca dentro de esta etiqueta obtendrá


en la vista del navegador, un tamaño grande (titular), se puede titular
con diferentes tamaños ej; <h2> </h2>, <h3> </h3>, hasta <h6> </h6> .
Donde <h1> es el titular mas grande y <h6> el mas pequeño.
<br/> Indica un salto de pagina. Punto aparte.
<strong> </strong> sirve para dar énfasis a una parte del texto, no solo
de manera visual (negrita) sino que también le da mas relevancia a esa
parte del texto a la hora de ser consultada por los buscadores como
google.
<i> </i> se utiliza para colocar un texto en cursiva o itálica.
<blocquote> </blocquote> se utiliza para indicar una cita, de un articulo
o libro.
<cite> </cite> se utiliza para indicar un autor de la cita.
</hr> se utiliza para crear una linea separadora dentro de un texto.
<b></b> Se utiliza para insertar la propiedad de “negrita” al texto que
esta etiqueta contenga.
*Atributos:
Las etiquetas pueden contener atributos ej:
<etiqueta atributo=“valor”> Texto o contenido </
etiqueta> por ejemplo un atributo serviría para determinar el color de
“texto o contenido”

Etiquetas de Enlace:
<a href:”http://sitio.com “>Texto del enlace </a> Sirve para crear links o
enlaces a distintos sitios. Puede enlazar a una ruta absoluta o relativa,
es decir a un sitio externo o
a una sección de nuestro propio sitio.
<a target=”_blank” href=”http://sitio.com “>Texto del enlace </a> Atributo
target=“_blank” hace que el enlace se abra en una nueva pestaña del
navegador.

También podría gustarte