La estructura de una página web en html es la siguiente
Empezemos jovenes HTML se empieza con la etiqueta <html> y acaba con </html> Todo lo que esté en medio será la página web De esta forma colocaran todo su contenido dentro de esas dos etiquetas que serian las mas importantes es decir diseñan toda su pagina web o blog y al terminar ya que este terminada su pagina al final es donde colocaran la etiqueta de cierre que seria esta </html>.
Dentro de <html> </html> se encuentran 2 partes diferenciadas.
La primera ETIQUETA <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>, Esta etiqueta es el título de la página - Lo que aparecera en la parte de arriba de los navegadores Ejemplo ( <title> MI PAGINA WEB</title> ). Este seria el titulo de su pagina que apareceria en la parte de arriba de los navegadores
La segunda parte es <body> </body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. el siguiente código seria lo que necesita su pagina web seria lo principal ahora agregaremos una imagen de la siguiente manera cambiando tamaño y personalizandola a modo que salga en el centro a la derecha o a la izquierda la etiqueta seia la siguiente
<img align="left" alt="Image 02" height="305px" src="AQUI VA LA IMAGEN QUE QUIERAN AGREGAR" width="200px" />
ojo para poner las imagenes pueden hacerlo desde su escritorio y desde una url de una imagen de internet para agregar una de su computadora solo ponen el nombre de la imagen asegurense que este bien escrito tal cual como se llama la imagen ejemplo
<img align="left" alt="Image 02" height="305px" src="elmundodelascriptomonedas.png" width="200px" />
y para agregar una imagen de una url seria haci
<img align="left" alt="Image 02" height="305px" src="https://congreso.chile-digital.com/wp-content/uploads/2015/05/bitcoins.jpg" width="200px" />
Para alinearlas a donde gusten se cambian estos align="left" por align="right" left izquierda en ingles y right derecha en ingles de sa forma las cambiaran a donde ustedes quieran
Pueden cambiar el tamaño y donde quieran que aparezca su imagen en mi caso aparecera de lado derecho esa etiqueta la pondran dentro de las etiquetas <body> </body>
El codigo quedaria de la siguiente manera.
<html>
<head>
<title>MI PAGINA WEB </title>
</head>
<body>
<img align="left" alt="Image 02" height="305px" src="https://congreso.chile-digital.com/wp-content/uploads/2015/05/bitcoins.jpg" width="200px" />
</body>
</html>
aca les dejo una imagen para que vean como quedaria
Observad el título en la parte superior izquierda de la página. Además, dentro de <body> </body> distinguimos varias etiquetas:
<br> => Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir Esto es negrita.</b> y <B> Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.
[[[....Siguiente....]]]
<html>
<head> </head>
<body>
</body>
</html>
Empezemos jovenes HTML se empieza con la etiqueta <html> y acaba con </html> Todo lo que esté en medio será la página web De esta forma colocaran todo su contenido dentro de esas dos etiquetas que serian las mas importantes es decir diseñan toda su pagina web o blog y al terminar ya que este terminada su pagina al final es donde colocaran la etiqueta de cierre que seria esta </html>.
Dentro de <html> </html> se encuentran 2 partes diferenciadas.
La primera ETIQUETA <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>, Esta etiqueta es el título de la página - Lo que aparecera en la parte de arriba de los navegadores Ejemplo ( <title> MI PAGINA WEB</title> ). Este seria el titulo de su pagina que apareceria en la parte de arriba de los navegadores
La segunda parte es <body> </body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. el siguiente código seria lo que necesita su pagina web seria lo principal ahora agregaremos una imagen de la siguiente manera cambiando tamaño y personalizandola a modo que salga en el centro a la derecha o a la izquierda la etiqueta seia la siguiente
<img align="left" alt="Image 02" height="305px" src="AQUI VA LA IMAGEN QUE QUIERAN AGREGAR" width="200px" />
ojo para poner las imagenes pueden hacerlo desde su escritorio y desde una url de una imagen de internet para agregar una de su computadora solo ponen el nombre de la imagen asegurense que este bien escrito tal cual como se llama la imagen ejemplo
<img align="left" alt="Image 02" height="305px" src="elmundodelascriptomonedas.png" width="200px" />
y para agregar una imagen de una url seria haci
<img align="left" alt="Image 02" height="305px" src="https://congreso.chile-digital.com/wp-content/uploads/2015/05/bitcoins.jpg" width="200px" />
Para alinearlas a donde gusten se cambian estos align="left" por align="right" left izquierda en ingles y right derecha en ingles de sa forma las cambiaran a donde ustedes quieran
Pueden cambiar el tamaño y donde quieran que aparezca su imagen en mi caso aparecera de lado derecho esa etiqueta la pondran dentro de las etiquetas <body> </body>
El codigo quedaria de la siguiente manera.
<html>
<head>
<title>MI PAGINA WEB </title>
</head>
<body>
<img align="left" alt="Image 02" height="305px" src="https://congreso.chile-digital.com/wp-content/uploads/2015/05/bitcoins.jpg" width="200px" />
</body>
</html>
aca les dejo una imagen para que vean como quedaria
Observad el título en la parte superior izquierda de la página. Además, dentro de <body> </body> distinguimos varias etiquetas:
<br> => Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir Esto es negrita.</b> y <B> Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el símbolo /), si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.
[[[....Siguiente....]]]
No hay comentarios:
Publicar un comentario
Todos los comentarios son aceptados siempre y cuando no sean para ofender ya que lo unico que se hace en este blog es ayudarse mutuamente.