Apuntes Web
ApuntesWeb.net > Manuales >Manual XHTML

Marcado HTML

Como se realiza el marcado

Encerrando el contenido o texto, con las etiquetas de apertura y cierre de los elementos HTML.

Como se generan las etiquetas HTML de apertura y cierre

Una etiqueta HTML se forma encerrando a un elemento HTML  entre los símbolos   menor que (<) y el símbolo mayor que (>) y para generar la etiqueta de cierre se añade (/). Veamos ejemplos de elementos HTML y sus respectivas etiquetas:

ELEMENTO HTML ETIQUETA APERTURA ETIQUETA CIERRE
h1 <h1> </h1>
p <p> </p>
h2 <h2> </h2>

Ejemplos de Marcado HTML

El marcado HTML nos permite indicar que parte del contenido es el Título de mayor importancia, subtitulo, párrafo, lista, enlace, Etc.
Ejemplo 01: Marcando título y parrafo
Tenemos el siguiente texto suelto:
EL HTML
Es el lenguaje universal, para compartir todos los
recursos de la gran red de internet y además es
muy fácil de aprender, de hecho ya lo estoy aprendiendo.

Marcando el título de mayor importancia y el párrafo con HTML tendríamos

Marcamos con <h1> </h1> al título de mayor importancia y el párrafo con <p> </p>, de la siguiente manera:
<h1>EL HTML</h1>
<p>Es el lenguaje universal, para compartir todos los
recursos de la gran red de internet y además es
muy fácil de aprender, de hecho ya lo estoy aprendiendo.
</p>
Ejemplo 02: Marcado título, subtitulo, parrafos, listas
A continuación tenemos más texto, que tendremos que marcar con HTML; título, subtítulo, parrafos, listas.
Términos básicos de Internet
Sitio web
Un sitio web esta formado por muchas paginas web.
Y estas se  comunican mediante hiperenlaces a otras
páginas del mismo sitio y también a otras paginas
externas, siendo esta característica el fundamento
de Internet.
Navegador
Internet es como un gigantesco mar, y para recorrerlo
necesitamos de un navegador o explorador  web,
con el podemos  acceder a la información que
contienen los sitios web. Entre los navegadores
más populares tenemos:
Mozilla Firefox
Crohme
Opera
Safari
Explorer

Marcando título, subtitulo, parrafos, listas obtendríamos

El título de mayor importancia lo encerramos con <h1></h1>, subtitulo de segundo nivel <h2></h2>, los parrafos con <p></p>

La lista con <ul></ul> cada palabra de La lista con <li></li>

<h1>Términos básicos de Internet</h1>
<h2>Sitio web</h2>
<p>Un sitio web esta formado por muchas paginas web. Y
estas se  comunican mediante hiperenlaces a otras
páginas del mismo sitio y también a otras paginas
externas, siendo esta característica el fundamento de
Internet.</p>
<h2>Navegador</h2>
<p>Internet es como un gigantesco mar, y para recorrerlo
necesitamos de un navegador o explorador  web, con el
podemos  acceder a la información que contienen los
sitios web. Entre los navegadores más populares
tenemos:</p>
<ul>
<li>Mozilla Firefox</li>
<li>Crohme</li>
<li>Opera</li>
<li>Safari</li>
<li>Explorer </li>
</ul>
 

MANUAL XHTML

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net