HyperText Markup Language - Lenguaje de marcadode hipertexto
HTML es un lenguaje de marcado predominantepara la
elaboraciónde páginas web que se utilizapara describir y traducir
la estructura y la informaciónen forma de texto, así como para
complementarel texto con objetos tales como imágenes.
El HTML se escribe en forma de etiquetas o TAGs, contenidas
dentro de corchetes angulares (< y >).
html
head
title Ejemplo /title
/head
body
p Ejemplo /p
/body
/html
Los caracteres especiales se deben convertir en HTML para
mostrarse correctamente en un navegador.
Carácter Código HTML
á &aacute;
é &eacute;
í &iacute;
ó &oacute;
ú &uacute;
ü &uuml;
ñ &ntilde;
¡ &iexcl;
Carácter Código HTML
Á &Aacute;
É &Eacute;
Í &Iacute;
Ó &Oacute;
Ú &Uacute;
Ü &Uuml;
Ñ &Ntilde;
¿ &iquest;
Los atributosse incluyendentro de la etiquetade apertura para
añadir informaciónadicionalsobre el elemento.
Se expresan de la forma: atributo=”valor”
Un elemento HTML está compuestopor una etiquetade apertura,
los atributos,el contenidoy la etiquetade cierre. Estos elementos
se aplicanal contenidodel documentopara cambiar la forma en
que el navegadorinterpretaráesa información en la pantalla.
<etiqueta atributo=”valor”>contenido</etiqueta>
El lenguajeHTML originales muy permisivo con su sintaxis y
aunqueesto pueda parecer algo bueno (flexible) no lo es, pues
trae como resultado páginas desordenadas,difíciles de modificar
y poco profesionales.
Reglas:
1. Las etiquetas se cierran en el mismo orden en que se abren:
2. Los nombres de las etiquetas y sus atributosse escriben
preferentemente en minúsculas:
3. Los atributosvan entre comillas:
<html><body>Texto</html></body>
<html><body>Texto</body></html>
<HTML><BODY>Texto</BODY></HTML>
<html><body>Texto</body></html>
<p align=left>Texto<p>
<p align=“left”>Texto<p>
Reglas:
4. Los valoresde los atributos no se contraen o comprimen:
5. Toda etiquetadebe de ser cerrarse:
Existen etiquetas vacías que son la excepción a esta regla, tales
como "regla horizontal"y "salto de línea":
<p left>Texto<p>
<p align=“left”>Texto<p>
<html><body>Texto</body>
<html><body>Texto</body></html>
<hr> <br>
HTML Browser
Esto es un párrafo.
<p>Esto es un
p&aacute;rrafo.</p>
HTML Browser
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
<h1>T&iacute;tulo 1</h1>
<h2>T&iacute;tulo 1</h2>
<h3>T&iacute;tulo 1</h3>
<h4>T&iacute;tulo 1</h4>
<h5>T&iacute;tulo 1</h5>
<h6>T&iacute;tulo 1</h6>
HTML Browser
Texto normal, texto con
cursiva.
<p>Texto normal, <em>texto con
cursiva.</em></p>
HTML Browser
Texto normal, texto en
negritas.
<p>Texto normal, <strong>texto
en negritas</strong></p>
HTML Browser
Texto normal, texto
subrayado.
<p>Texto normal, <ins>texto
subrayado</ins></p>
HTML Browser
Texto normal, texto
tachado.
<p>Texto normal, <del>texto
tachado</del></p>
HTML Browser
Texto
Texto en otra línea
Texto<br>Texto en otra
l&iacute;nea
HTML Browser
Texto normal
Texto citado
<p>Texto normal</p>
<blockquote>Texto
citado</blockquote>
HTML Browser
HTML
<abbr title=“HiperText Markup
Languaje”>HTML</abbr>
HTML Browser
Este texto contiene
espacios en blanco que
deben ser respetados.
<pre>Este texto contiene
espacios en blanco que
deben ser respetados.</pre>
HTML Browser
if i=0 then j=1
<code>if i=0 then j=1</code>
Programación Web I - ISC - UCQ - Presentación 04

Programación Web I - ISC - UCQ - Presentación 04

  • 1.
    HyperText Markup Language- Lenguaje de marcadode hipertexto HTML es un lenguaje de marcado predominantepara la elaboraciónde páginas web que se utilizapara describir y traducir la estructura y la informaciónen forma de texto, así como para complementarel texto con objetos tales como imágenes.
  • 2.
    El HTML seescribe en forma de etiquetas o TAGs, contenidas dentro de corchetes angulares (< y >). html head title Ejemplo /title /head body p Ejemplo /p /body /html
  • 3.
    Los caracteres especialesse deben convertir en HTML para mostrarse correctamente en un navegador. Carácter Código HTML á &aacute; é &eacute; í &iacute; ó &oacute; ú &uacute; ü &uuml; ñ &ntilde; ¡ &iexcl; Carácter Código HTML Á &Aacute; É &Eacute; Í &Iacute; Ó &Oacute; Ú &Uacute; Ü &Uuml; Ñ &Ntilde; ¿ &iquest;
  • 4.
    Los atributosse incluyendentrode la etiquetade apertura para añadir informaciónadicionalsobre el elemento. Se expresan de la forma: atributo=”valor” Un elemento HTML está compuestopor una etiquetade apertura, los atributos,el contenidoy la etiquetade cierre. Estos elementos se aplicanal contenidodel documentopara cambiar la forma en que el navegadorinterpretaráesa información en la pantalla. <etiqueta atributo=”valor”>contenido</etiqueta>
  • 5.
    El lenguajeHTML originalesmuy permisivo con su sintaxis y aunqueesto pueda parecer algo bueno (flexible) no lo es, pues trae como resultado páginas desordenadas,difíciles de modificar y poco profesionales.
  • 6.
    Reglas: 1. Las etiquetasse cierran en el mismo orden en que se abren: 2. Los nombres de las etiquetas y sus atributosse escriben preferentemente en minúsculas: 3. Los atributosvan entre comillas: <html><body>Texto</html></body> <html><body>Texto</body></html> <HTML><BODY>Texto</BODY></HTML> <html><body>Texto</body></html> <p align=left>Texto<p> <p align=“left”>Texto<p>
  • 7.
    Reglas: 4. Los valoresdelos atributos no se contraen o comprimen: 5. Toda etiquetadebe de ser cerrarse: Existen etiquetas vacías que son la excepción a esta regla, tales como "regla horizontal"y "salto de línea": <p left>Texto<p> <p align=“left”>Texto<p> <html><body>Texto</body> <html><body>Texto</body></html> <hr> <br>
  • 8.
    HTML Browser Esto esun párrafo. <p>Esto es un p&aacute;rrafo.</p>
  • 9.
    HTML Browser Título 1 Título2 Título 3 Título 4 Título 5 Título 6 <h1>T&iacute;tulo 1</h1> <h2>T&iacute;tulo 1</h2> <h3>T&iacute;tulo 1</h3> <h4>T&iacute;tulo 1</h4> <h5>T&iacute;tulo 1</h5> <h6>T&iacute;tulo 1</h6>
  • 10.
    HTML Browser Texto normal,texto con cursiva. <p>Texto normal, <em>texto con cursiva.</em></p>
  • 11.
    HTML Browser Texto normal,texto en negritas. <p>Texto normal, <strong>texto en negritas</strong></p>
  • 12.
    HTML Browser Texto normal,texto subrayado. <p>Texto normal, <ins>texto subrayado</ins></p>
  • 13.
    HTML Browser Texto normal,texto tachado. <p>Texto normal, <del>texto tachado</del></p>
  • 14.
    HTML Browser Texto Texto enotra línea Texto<br>Texto en otra l&iacute;nea
  • 15.
    HTML Browser Texto normal Textocitado <p>Texto normal</p> <blockquote>Texto citado</blockquote>
  • 16.
    HTML Browser HTML <abbr title=“HiperTextMarkup Languaje”>HTML</abbr>
  • 17.
    HTML Browser Este textocontiene espacios en blanco que deben ser respetados. <pre>Este texto contiene espacios en blanco que deben ser respetados.</pre>
  • 18.
    HTML Browser if i=0then j=1 <code>if i=0 then j=1</code>