SlideShare una empresa de Scribd logo
Código HTLM
Por Ana Karolina Lira Cuéllar.
¿Qué es?
HTML, siglas de HyperText Markup
Language («lenguaje de marcas de
hipertexto»), hace referencia al
lenguaje de marcado para la
elaboración de páginas web.
sirve de referencia para la elaboración de
páginas web en sus diferentes versiones,
define una estructura básica y un código
(denominado código HTML) para la
definición de contenido de una página web,
como texto, imágenes, etc.
Código htlm
Estructura básica de una página
web.
La estructura básica de una página web es la
siguiente:
Una estructura HTML se empieza con la
etiqueta <html> y acaba con </html>. Todo lo
que esté en medio será la página web.
Dentro de <html></html> se encuentran 2
partes diferenciadas.
La primera <head></head> es la cabecera de
la página. Aquí irán cierta información que
no es directamente el contenido de la
página. Aquí se pone el título de la página,
los metadatos, estilos, código javascript
(todo esto se estudiará en capítulos
venideros). La primera que se suele estudiar
es <title></title>, que indica el título de la
página (lo que el navegador pone en la parte
superior izquierda)
Estructura básica de una página
web.
La segunda parte es <body></body>.
Aquí va propiamente el contenido de
la página: fotos, párrafos,
formularios, etc. Por ejemplo,
siguiendo con el ejemplo de la página
anterior, el siguiente código
<html>
<head>
<title>Esto es el t&iacute;tulo de la
p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>
Etiquetas
Una etiqueta o marca HTML es un código que se
incluye en los archivos creados con el lenguaje
HTML para estructurar, añadir significado o
formato al contenido a una página web.
< ! Comentario. Ninguno -->
<A> Hipervínculo.
HREF, NAME,
REL, REV, TITLE
</A>
<ADDRESS>
Formato para
dirección del
autor.
Ninguno </ADDRESS>
<BASE>
Url del autor;
contexto del
documento.
HREF </BASE>
<BASEFONT SIZE>
Tamaño de la
fuente base.
Ninguno NO
<BGSOUND> Sonido de fondo. SRC, LOOP.
NO - Internet
Explorer
<BIG>
Aumenta el
tamaño.
Ninguno
Etiquetas principales
Salida Etiquetas requeridas
El texto en negritas. El <B>texto</B> en negritas.
El texto en itálicas. El <I>texto</I> en it&aacute;licas.
El texto en formato teletipo. El <TT>texto</TT> en formato teletipo.
El texto en 2 tamaños más grandes y
en rojo. El tamaño puede ser un valor
absoluto en el rango 1..7.
El <FONT SIZE = +2 COLOR = "RED"> texto
</FONT> en 2 tama&ntilde;os m&aacute;s
grandes y en rojo. El tama&ntilde;o puede ser
...
Utilizar la dirección de e-
mailclaudio@acm.orgpara
contactarme.
Utilizar la direcci&oacute;n de e-mail
<ADDRESS> claudio@acm.org </ADDRESS>
para contactarme.
Bibliografia

Más contenido relacionado

PPTX
(producto 3)
PDF
Etiquetas en Html
PPTX
Etiquetas HTML
PDF
Práctica no2
PPTX
Etiquetas head y body
PDF
Construcción página web
PPTX
tutorial
PPTX
Jessica
(producto 3)
Etiquetas en Html
Etiquetas HTML
Práctica no2
Etiquetas head y body
Construcción página web
tutorial
Jessica

La actualidad más candente (20)

DOCX
Etiquetas mas utilizadas del lenguaje html
PPTX
tutorial para una pagina web
PPTX
PPS
Diseño web
PDF
Etiquetas para estructurar texto en HTML - 3 parte
DOCX
PPTX
Partes de Una Pagina Web
PPTX
Jessica
PPTX
Como hacer una pagina en HTML
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
PPTX
Páginas web en formato HTML
PPT
Qué es html
PDF
Las etiquetas más utilizadas en html
PPT
HTML
DOCX
Colegio nacional nicolas esguerra
PDF
Etiquetas para estructurar texto en HTML - 4 parte
PPTX
como hacer una pagina web con bloc de notas
PPT
presentacion html
PPTX
Partes de una web
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas mas utilizadas del lenguaje html
tutorial para una pagina web
Diseño web
Etiquetas para estructurar texto en HTML - 3 parte
Partes de Una Pagina Web
Jessica
Como hacer una pagina en HTML
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Páginas web en formato HTML
Qué es html
Las etiquetas más utilizadas en html
HTML
Colegio nacional nicolas esguerra
Etiquetas para estructurar texto en HTML - 4 parte
como hacer una pagina web con bloc de notas
presentacion html
Partes de una web
Etiquetas para estructurar texto HTML5 - 2 parte
Publicidad

Similar a Código htlm (20)

PPTX
Codigo html
PPTX
10 etiquetas basicas de html
PPTX
El código html
PDF
Consulta
PDF
Consulta_
DOCX
Producto 3: Pagina Web
PPTX
Producto 3 rodrigo y ryan
PDF
Etiquetas
PPTX
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
PPTX
Html icredes
ODP
PDF
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
PPTX
CODIGOS HTML.Magdalena ortega de nariño.
PPTX
PPTX
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
PPTX
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
PPTX
Presentación HTML
PPTX
Clase HTML.pptx
PPT
HTML HyperText Markup Language
PPTX
Codigo html
10 etiquetas basicas de html
El código html
Consulta
Consulta_
Producto 3: Pagina Web
Producto 3 rodrigo y ryan
Etiquetas
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
Html icredes
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGOS HTML.Magdalena ortega de nariño.
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
Presentación HTML
Clase HTML.pptx
HTML HyperText Markup Language
Publicidad

Último (20)

PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Unidad de Aprendizaje 5 de Matematica 2do Secundaria Ccesa007.pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PDF
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
informe tipos de Informatica perfiles profesionales _pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
2.0 Introduccion a processing, y como obtenerlo
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Introducción a la historia de la filosofía
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Unidad de Aprendizaje 5 de Matematica 2do Secundaria Ccesa007.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
informe tipos de Informatica perfiles profesionales _pdf
Escuelas Desarmando una mirada subjetiva a la educación
2.0 Introduccion a processing, y como obtenerlo
Doctrina 1 Soteriologuia y sus diferente
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
Atencion prenatal. Ginecologia y obsetricia
Introducción a la historia de la filosofía

Código htlm

  • 1. Código HTLM Por Ana Karolina Lira Cuéllar.
  • 2. ¿Qué es? HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.
  • 4. Estructura básica de una página web. La estructura básica de una página web es la siguiente: Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda)
  • 5. Estructura básica de una página web. La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código <html> <head> <title>Esto es el t&iacute;tulo de la p&aacute;gina.</title> </head> <body> Hola mundo!<br> <b>Esto es negrita.</b><br> <i>Y esto it&aacute;lica.</i><br> </body> </html>
  • 6. Etiquetas Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web. < ! Comentario. Ninguno --> <A> Hipervínculo. HREF, NAME, REL, REV, TITLE </A> <ADDRESS> Formato para dirección del autor. Ninguno </ADDRESS> <BASE> Url del autor; contexto del documento. HREF </BASE> <BASEFONT SIZE> Tamaño de la fuente base. Ninguno NO <BGSOUND> Sonido de fondo. SRC, LOOP. NO - Internet Explorer <BIG> Aumenta el tamaño. Ninguno
  • 7. Etiquetas principales Salida Etiquetas requeridas El texto en negritas. El <B>texto</B> en negritas. El texto en itálicas. El <I>texto</I> en it&aacute;licas. El texto en formato teletipo. El <TT>texto</TT> en formato teletipo. El texto en 2 tamaños más grandes y en rojo. El tamaño puede ser un valor absoluto en el rango 1..7. El <FONT SIZE = +2 COLOR = "RED"> texto </FONT> en 2 tama&ntilde;os m&aacute;s grandes y en rojo. El tama&ntilde;o puede ser ... Utilizar la dirección de e- mailclaudio@acm.orgpara contactarme. Utilizar la direcci&oacute;n de e-mail <ADDRESS> claudio@acm.org </ADDRESS> para contactarme.