Apwe html intro

AMBIENTACION DE PAGINAS WEB (APWE02)
TEMA:
INTRODUCCIÓN A HTML.
CATEDRATICO: MTRO. ERNESTO SILVA MENDOZA

El primer documento HTML
 Las páginas HTML se dividen en dos partes: la cabecera y el
cuerpo. La cabecera incluye información sobre la propia página,
como por ejemplo su título y su idioma. El cuerpo de la página
incluye todos sus contenidos, como párrafos de texto e
imágenes

Código HTML de una página web muy
sencilla
Pagina1.html

Etiquetas y atributos
HTML define 91 etiquetas que los diseñadores pueden utilizar para
marcar los diferentes elementos que componen una página:
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big,
blockquote, body, br, button, caption, center, cite, code, col,
colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form,
frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe,
img, input, ins, isindex, kbd, label, legend, li, link, map, menu,
meta, noframes, noscript, object, ol, optgroup, option, p, param,
pre, q, s, samp, script, select, small, span, strike, strong, style, sub,
sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.

La etiqueta <a>
 Se emplea para incluir un
enlace en una página
Pagina2.html

Elementos HTML
 HTML define el término elemento para referirse a las partes
que componen los documentos HTML.
 El siguiente esquema muestra un elemento HTML, formado
por una etiqueta <p>, atributos y contenidos de texto:

Pagina 3
<html>
<head>
<title>Ejemplo de texto estructurado con secciones</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Párrafo de introducción...</p>
<h2>La primera sub-sección</h2>
<p>Párrafo de contenido...</p>
<h2>Otra subsección</h2>
<p>Más párrafos de contenido...</p>
</body>
</html>

Pagina 4
<html>
<head>
<title>Ejemplo de etiqueta acronym</title>
</head>
<body>
<p>El lenguaje <acronym title="HyperText Markup
Language">HTML</acronym> es estandarizado por el
<acronym title="WorldWideWeb
Consortium">W3C</acronym>.</p>
</body>
</html>

Texto
 La mayor parte del contenido
de las páginas HTML
habituales está formado por
texto, llegando a ser más del
90% del código de la página.
Por este motivo, es muy
importante conocer los
elementos y etiquetas que
define HTML para el manejo
del texto.

Estructuracion
 Párrafos
 Una de las etiquetas más utilizadas de HTML es la etiqueta
<p>, que permite definir los párrafos que forman el texto de
una página
 Secciones
 Las etiquetas que definen los títulos de sección son <h1>,
<h2>, <h3>, <h4>, <h5> y <h6>
 Marcado básico de texto
 Entre las etiquetas más utilizadas para marcar texto se
encuentran <em> y <strong>

Marcado avanzado de texto
 La etiqueta <abbr> marca las abreviaturas de un texto y la
etiqueta <acronym> se emplea para marcar las siglas o
acrónimos del texto.
 HTML incluye la etiqueta <dfn> para proporcionar al usuario
la definición de todas las palabras para las que se considere
apropiado.
 HTML incluye una etiqueta que se puede utilizar para marcar un
texto como una citación.

Pagina 7: Etiqueta acronym<html>
<head>
<title>Ejemplo de etiqueta acronym</title>
</head>
<body>
<p>El lenguaje <acronym title="HyperText Markup
Language">HTML</acronym> es estandarizado por el <acronym title="World
WideWeb Consortium">W3C</acronym>.</p>
<p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o
sensación subjetiva, propia de un sentido, determinada por otra sensación que afecta
a un sentido diferente">sinestesia</dfn></p>
Como dijo <cite>Mahatma Gandhi</cite>: <blockquote>Vive como si fueras
a morir mañana y aprende como si fueras a vivir para siempre.</blockquote>
</body>
</html>

Espacios en blanco y nuevas líneas
 Para incluir una nueva línea en un punto y forzar a que el
texto que sigue se muestre en la línea inferior, se utiliza la
etiqueta <br>.
Pagina 8: Etiqueta br

Espacios en blanco y nuevas líneas
 Espacios en blanco.
 Para incluir espacios en blanco adicionales, se debe sustituir
cada nuevo espacio en blanco por el texto   (es
importante incluir el símbolo & al principio y el símbolo ; al
final).
Pagina 9: Etiqueta nbsp

Texto preformateado
 Se puede utiliza la etiqueta <pre>, que muestra el texto tal y
como se ha escrito, respetando todos los espacios en blanco y
todas las nuevas líneas.

Codificación de caracteres
 Los caracteres que utiliza HTML para definir sus etiquetas
(<, > y ") no se pueden utilizar libremente.
 Los caracteres propios de los idiomas que no son el inglés (ñ,
á, ç, ¿, ¡, etc.) pueden ser problemáticos dependiendo de la
codificación de caracteres utilizada.

Apwe html intro

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Apwe html intro

Similar a Apwe html intro (20)

Más de Ernesto Silva

Más de Ernesto Silva (11)

Último

Último (20)

Apwe html intro