Curso de computacion online
Introduccion: elementos HTML
Tabla de contenido
1. Introduccion: elementos HTML de las paginas web
1.2. Elementos de una etiqueda
Que son?, como se usan? y para que sirven?.
Una etiqueta es la manera en la cual se le da vida a una pagina web, la cantidad de etiquetas es muy numerosa, en este capitulo no profundizaremos en cada una de las etiquetas que existen en el lenguaje HTML.
En la lista siguiente podemos apreciar el aspecto de algunas etiquetas:
· <html></html>
· <head></head>
· <body></body>
· <div></div>
· <h1></h1>
· <h2></h2>
· <h3></h3>
· <h4></h4>
· <p></p>
· <a></a>
· <ul></ul>
· <li></li>
Para crear una pagina web necesitamos de las siguientes etiquetas iniciales:
· <html></html>
· <head></head>
· <body></body>
A continuacion se representa una etiqueta y su estructura:
Toda etiqueta tiene que iniciar con su apertura, los simbolos utilizados son <> donde en el interior de dichos simbolo se escribe la etiqueta que se desea utilizar.
Ejemplo:
<p>
Toda etiqueta tiene que cerrarse, los simbolos utilizados son </> donde en el interior de dichos simbolo se escribe la etiqueta que se desea cerrar.
Ejemplo:
</p>
Esta parte de la etiqueta permite realizar diferentes configuraciones tales como estilo, asignacion de class, asignar un identificar, atributos de eventos, colorear y muchas otras cosas mas.
La cantidad de atributos es muy amplia en este capitulo tiene como objetivo la introduccion de este tema llamado atributo.
Ejemplo1:
style=”color:black;”
El ejemplo anterior demuestra como colorear el texto de la etiqueta.
Ejemplo2:
onclick=”mensaje();”
El ejemplo anterior es la manera de detectar click sobre una etiqueta luego llama a una funcion javascript para su ejecucion.
La cantidad de ejemplos de atributos es demaciada amplia por el momento preocupate que este tema es muy importante para darle funcionalidades especificar a una pagina web.
Esto se refiere al texto que muestra la etiqueta.
Ejemplo:
<p>Hola mundo</p>
1. Que son las etiquetas?
2. Como se usan las etiquetas?
3. Para que sirven las etiquetas?.
4. Cuales son los simbolos de apertura de una etiqueta.
5. Cuales son los simbolo de cierre de una etiqueta.
6. Cuales son las etiquetas principales para comenzar a crear una pagina web?
7. Genera una pagina web y emplea la etiqueta h1 con el mensaje hola mundo.
8. Genera una pagina web y dentro del body de la pagina copia y pega el siguiente codigo:
<p style=”color:blue;Hola mundo</p>
Explique que fue o que ocurrio.