Cómo editar un documento html (En 7 Pasos)

Por brandy alexander

Un lenguaje de mercado de hipertexto (HTML, por sus siglas en inglés) es un archivo que crea una página web. El contenido de este archivo contiene toda la información de la página, desde el texto hasta cómo está presentada la información. Aún sin estar familiarizado con HTML, puedes editar su contenido. Tienes la opción de editar las partes de la página que quieres cambiar si sabes dónde mirar en el código. Todo lo que necesitas es el editor de textos que viene con tu computadora.

Paso 1

Ejecuta el editor de textos. Haz un clic en la opción “Abrir” que se encuentra debajo del menú “Archivo” y selecciona el documento HTML.

Paso 2

Localiza la sección "" que se encuentra encima del menú “Archivo” y busca la entrada "". Cambia el texto que muestra para cambiar el título de la página web.</p> <h3>Paso 3</h3> <p>Busca el código que aparece después de la etiqueta "<body>"; éste es el contenido visible de la página. Cambia el texto entre las etiquetas "<p></p>" para cambiar la información de los párrafos.</p> <div data-ad-unit-name="slot" data-ad-unit-index="1" class="mobile-display-ad"></div><h3>Paso 4</h3> <p>Encuentra el código fuente para modificar el hipervínculo (enlaces) en el documento HTML (por ejemplo, "<a href="http://www.currentsite.com">Current Site</a>"). Cambia la dirección web que aparece después de "a href" para subir una página distinta a Internet cuando un usuario selecciona el enlace. Por ejemplo: "<a href="http://www.newsite.com">New Site</a>".</p> <h3>Paso 5</h3> <p>Localiza las etiquetas de estilo, como los elementos en negrita "<b></b>", que rodean la información. Edita las letras dentro de los corchetes para cambiar la apariencia del texto. Los formatos comunes de textos incluyen subrayado "<u></u>", cursiva "<i></i>", subíndice "<sub></sub>" y superíndice "<sup></sup>". Para un ejemplo práctico, cambia "<b>Ésta es una línea de texto.</b>" por "<i>Ésta es una línea de texto.</i>" para convertir la oración de negrita a cursiva.</p> <h3>Paso 6</h3> <p>Busca las etiquetas de la lista desordenada "<ul></ul>" o de la lista ordenada "<ol></ol>", y cámbialas según prefieras. Una lista desordenada presenta información en viñetas, mientras que una lista ordenada la presenta en diversos ítems numerados. Por ejemplo, cambia "<ul></ul>" por "<ol></ol>" para intercambiar las viñetas por los números.</p> <h3>Paso 7</h3> <p>Haz un clic en la opción “Guardar” que se encuentra debajo del menú “Archivo” para guardar los cambios realizados.</p> </div> <div data-ad-unit-name="adsense-main" class="main-ad"></div> <div id="references"> <h3><span>Referencias</span></h3> <ul class="colorlist"> <li><a href="http://www.w3schools.com/TAGS/tag_title.asp" target="_blank" rel="nofollow">W3Schools: HTML <title> Tag (Etiqueta HTML )</a></li> <li><a href="http://www.w3schools.com/tags/tag_body.asp" target="_blank" rel="nofollow">W3Schools: HTML <body> Tag (Etiqueta HTML)</a></li> <li><a href="http://www.w3schools.com/HTML/html_links.asp" target="_blank" rel="nofollow">W3Schools: HTML Links (Enlaces HTML)</a></li> <li><a href="http://www.w3schools.com/HTML/html_formatting.asp" target="_blank" rel="nofollow">W3Schools: HTML Text Formatting (Formato de texto HTML)</a></li> <li><a href="http://www.w3schools.com/HTML/html_lists.asp" target="_blank" rel="nofollow">W3Schools: HTML Lists (Listas de HTML)</a></li> </ul> </div> <div class="viglink-insert" style="display:none"></div> <div data-app="widget-rcp"></div> </div> <div id="sidebar"> <div data-ad-unit-name="rightrail" data-ad-unit-index="1"></div> <div class="right-rail-promo"> <img src="//techlandia.com/public/images/logo-fallback.svg" alt="techlandia"> </div> <div data-ad-unit-name="rightrail" data-ad-unit-index="2"></div> </div> </div> </article> </div> </div> <div data-ad-unit-name="adhesion" data-ad-unit-index="1" class="fixed-bottom-ad adhesion no-print"></div> </div> <footer id="footer"> <div class="footer-logos"> <a href="//techlandia.com/" rel="home"> <img src="/public/images/logo.svg" alt="Techlandia"> </a> <a href="https://www.leafgroup.com"> <img src="/public/images/leafgroup-logo-grayblue.png" alt="Leaf Group" style="width:80px; height:auto"> </a> </div> <div class="footer-text"> <div class="footer-links"> <a aria-label="policy item" href="//techlandia.com/about-us">Acerca de</a> <a aria-label="policy item" data-event="footer-nav" href="//techlandia.com/accesibilidad">La accesibilidad del sitio web</a></li> <a aria-label="policy item" href="//techlandia.com/privacy">Aviso de Privacidad</a> <a aria-label="policy item" href="//techlandia.com/cookie_notice">Aviso de Cookies</a> <a class="ot-sdk-show-settings">Gestionar Preferencias</a> <a aria-label="policy item" href="//techlandia.com/privacy#section_12_2">Aviso de colección de California</a> <a aria-label="policy item" href="//techlandia.com/terms-of-use">Términos y Condiciones</a> <a aria-label="policy item" href="//techlandia.com/copyright-policy">Derechos de Autor</a> </div> <div class="footer-copy"> <div id="copyright-section"><span>techlandia.com © 2001-2024 Leaf Group Ltd., all rights reserved</span></div> </div> </div> </footer> <script src="//techlandia.com/dist/js/chunk-vendors.js"></script><script src="//techlandia.com/dist/js/main.js"></script> <div id="out-of-page"></div> </body> </html>