“Conocimientos Programación>Lenguajes De Programación

Cómo agregar espacio alrededor de una imagen mediante programación HTML

2016/2/2
HTML - Hypertext Markup Language - es un lenguaje de programación que se utiliza para crear páginas web . Sitios Web y las páginas web están escritas en código HTML. Si va a configurar una página web personal o de una página web de negocios , aprender HTML puede ser muy beneficioso . Saber utilizar el código puede ayudar a manipular la configuración de página. Documentos HTML contienen texto plano y tener una " . Html ' o la extensión ' . Htm . Puede agregar espacio alrededor de las imágenes de la página . Adición de espacio alrededor de una imagen es una excelente manera de hacer que su página atractiva. Esta guía te enseñará cómo añadir espacio alrededor de las imágenes para verlas en su página. Se presenta un método muy simple para personalizar su página. Instrucciones
1

Inicie un procesador de textos, editor de textos o un programa de creación de páginas web . Usted usará esto para crear una página web.
2

Tipo HSPACE = ? interior de la etiqueta de la imagen . Vuelva a colocar el signo de interrogación con un número que indique la cantidad de espacio que desea añadir a los lados izquierdo y derecho de la imagen en píxeles. Cuanto mayor sea el número, más espacio que añadir alrededor de la imagen . Su texto debe ser similar al siguiente ejemplo: . Esta es su título < /TITLE> < /HEAD > <H1> <BODY> Este es el texto de bienvenida < /H1 > <img SRC="Butterfly.jpg" align=left HSPACE=30> mariposas son muy hermosas criaturas . En ellas se muestran diferentes colores . < /BODY> < /HTML > <br> 3 <p> Abrir un nuevo navegador web para verificar que la página web añade espacio a los lados izquierdo y derecho de la imagen . Para visualizar la página , puede utilizar un navegador como Internet Explorer. Para abrir la página web en el navegador, haga clic en el botón de archivo de la barra de menús, haga clic en Abrir . Aparecerá el cuadro de diálogo abierto. Haga clic en Examinar para localizar la página web. Elija la página web que desea abrir . Su página web aparecerá en el navegador. <br> 4 <p> Inicie el procesador o editor de texto de la palabra que va a utilizar para crear su página web. Para agregar espacio en la parte superior e inferior de la imagen, tipo VSPACE = ? Vuelva a colocar el signo de interrogación con un número que indique la cantidad de espacio que desea añadir a los lados izquierdo y derecho de la imagen en píxeles. Cuanto mayor sea el número, más espacio que añadir alrededor de la imagen . Su texto debe ser similar al siguiente ejemplo: . <HTML> <HEAD> <TITLE> Esta es su título < /TITLE> < /HEAD > <H1> <BODY> Este es el texto de bienvenida < /H1 > <img SRC="Butterfly.jpg" align=left VSPACE=30> mariposas son muy hermosas criaturas . En ellas se muestran diferentes colores . < /BODY> < /HTML > <br> 5 <p> Abrir un nuevo navegador web para verificar que su página web se suma el espacio en la parte superior y los lados del fondo de la imagen. <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-agregar-un-Border-Uso-de-la-programación-HTML-.html' >Cómo agregar un Border Uso de la programación HTML </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-subrayar-texto-Utilización-de-códigos-HTML-.html' >Cómo subrayar texto Utilización de códigos HTML </a> </div> </div> <dl class=xgc> <dt><span>Lenguajes De Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-asignar-un-nombre-de-una-variable-Utilizar-una-macro-SAS-.html">Cómo asignar un nombre de una variable Utilizar una macro SAS </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-truncar-una-partición-de-Oracle-.html">Cómo truncar una partición de Oracle </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Qué-es-un-error-de-ejecución-.html">¿Qué es un error de ejecución </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-aplicar-efectos-de-desenfoque-de-Sombras-en-Flex-.html">Cómo aplicar efectos de desenfoque de Sombras en Flex </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-agregar-variables-en-COBOL-.html">Cómo agregar variables en COBOL </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Las-ventajas-y-desventajas-del-uso-de-Funciones-y-Procedimientos-de-Programación-.html">Las ventajas y desventajas del uso de Funciones y Procedimientos de Programación </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-implementar-un-árbol-binario-utilizando-Pascal-.html">Cómo implementar un árbol binario utilizando Pascal </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Diferencia-entre-los-paquetes-y-archivos-de-cabecera-.html">Diferencia entre los paquetes y archivos de cabecera </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-evitar-las-instancias-de-enteros-.html" >Cómo evitar las instancias de enteros </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Propiedades-de-algoritmos-.html" >Propiedades de algoritmos </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-pasar-variables-de-CGI-de-un-conjunto-de-marcos-.html" >Cómo pasar variables de CGI de un conjunto de marcos </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-leer-el-contenido-de-un-archivo-de-texto-usando-VBScript-.html" >Cómo leer el contenido de un archivo de texto usando VBScript </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Pruebas-unitarias-en-Visual-Studio-Team-System-.html" >Pruebas unitarias en Visual Studio Team System </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-cambiar-el-color-de-una-celda-de-DataGridView-.html" >Cómo cambiar el color de una celda de DataGridView </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Explicación-de-relleno-en-un-programa-COBOL-.html" >Explicación de relleno en un programa COBOL </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-una-lista-desplegable-Usar-XSL-.html" >Cómo crear una lista desplegable Usar XSL </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-aprender-Macros-.html" >Cómo aprender Macros </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-un-diagrama-de-flujo-lógico-Visual-.html" >Cómo crear un diagrama de flujo lógico Visual </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/PowerShell-Windows-7-Tutorial-.html" >PowerShell Windows 7 Tutorial </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-trazar-varios-gráficos-de-Mathematica-.html" >Cómo trazar varios gráficos de Mathematica </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>