Como hacer mi primera pagina html
copiar y pegar el código del sitio web en html
Este capítulo te introducirá en el lenguaje HTML. Verás cómo funciona una página web básica y aprenderás a crear una propia. Por ahora, trabajarás con páginas web que guardas en tu ordenador, visibles sólo para ti. Más adelante, en el capítulo 9, aprenderá a poner las páginas web en línea para que cualquier persona con una conexión a Internet pueda verlas.
HTML es el estándar más importante en el diseño de páginas web, y el único que es absolutamente necesario si se pretende crear una página web. Todas las páginas web están escritas en HTML. No importa que tu página contenga una serie de entradas de blog, una docena de fotos de tu lémur mascota o un guión con mucho formato: lo más probable es que, si la estás viendo en un navegador, sea una página HTML.
El HTML desempeña un papel fundamental en las páginas web: Indica a los navegadores cómo mostrar el contenido de una página, mediante unas instrucciones especiales llamadas etiquetas que indican al navegador cuándo debe empezar un párrafo, poner una palabra en cursiva o mostrar una imagen. Para crear tus propias páginas web, tienes que aprender a utilizar esta familia de etiquetas.
HTML es un estándar tan importante que pasará una buena parte de este libro analizando sus características, adornos y ocasionales defectos. Cada página web que construyas a lo largo del camino será un documento HTML de buena fe.
código de sitio web html
Mi favorito actual entre los muchos editores es Visual Studio Code (gratuito). Puedes usar un editor de tu elección pero ocasionalmente me referiré a algunas funciones de Visual Studio Code (VS Code). Buenas alternativas son Atom o Brackets.
Por supuesto, nuestro sitio web debería funcionar en los principales navegadores (Edge, Firefox, Chrome y Safari). Sin embargo, para el desarrollo web recomiendo utilizar Chrome. Chrome incluye herramientas muy útiles para los desarrolladores que utilizarás a menudo.
Probablemente puedas suponer que el nombre index.html tiene un significado especial. Si la dirección de un sitio web se llama, por ejemplo, https://code.makery.ch, automáticamente se muestra primero el archivo index.html, que en este caso es https://code.makery.ch/index.html. Para nosotros, nuestro primer index.html se convertirá en nuestra página de inicio.
Para ver la página, utilizaremos la extensión Live Server que instalamos anteriormente. Haga clic con el botón derecho en su index.html (el archivo que está debajo de la carpeta Portfolio y no el que está arriba en «Abrir editores»). Luego haga clic en Abrir con Live Server. Una ventana del navegador debería abrirse y mostrar su primer sitio web. Ahora, cada vez que guardes cualquier cambio, éste será actualizado automáticamente por el servidor en vivo.
código html
Sí. They are the things between the <> brackets. I’m sure you’ve seen them in someone’s code before, but if you haven’t, right-click this page and select “View Source”. The code that makes this page will appear. Have a quick glance through it. Yes, it probably makes little sense yet, but that doesn’t matter at the moment. See how, later on, there’s some text? It’s the words you’re reading now. Surrounding all that is a load of stuff, all being encased by <>s. That’s all the HTML that goes into making this page.
Tags follow a common structure too. Some of those tags you can see are ”start tags”, like <b>, and others are paired with them and called “end tags”. They look like </b>. Together, a start tag and an end tag form a HTML element. A start tag opens an element and an end tag closes it again.
For example, to make text bold, you use the b element. So, at the point in your text that you want the bold to start, you just stick the angle-brackets around that and put <b>, and when you want it to stop, you put </b>. An end tag is simply the start tag with a forward slash in front of the element name. Some tags won’t need that end tag, but most do, so don’t forget it.
editor html gratuito
Sí. Son las cosas entre los corchetes <>. Estoy seguro de que los has visto antes en el código de alguien, pero si no lo has hecho, haz clic con el botón derecho del ratón en esta página y selecciona «Ver fuente». Aparecerá el código que hace esta página. Échale un vistazo rápido. Yes, it probably makes little sense yet, but that doesn’t matter at the moment. See how, later on, there’s some text? It’s the words you’re reading now. Surrounding all that is a load of stuff, all being encased by <>s. That’s all the HTML that goes into making this page.
Tags follow a common structure too. Some of those tags you can see are ”start tags”, like <b>, and others are paired with them and called “end tags”. They look like </b>. Together, a start tag and an end tag form a HTML element. A start tag opens an element and an end tag closes it again.
For example, to make text bold, you use the b element. So, at the point in your text that you want the bold to start, you just stick the angle-brackets around that and put <b>, and when you want it to stop, you put </b>. An end tag is simply the start tag with a forward slash in front of the element name. Some tags won’t need that end tag, but most do, so don’t forget it.