Como crear una pagina web con html

Si estás empezando en un serpiente mundo del crecimiento web y tienera ganas del hacer tu primer sitio, seguramorganismo ya te habrás preguntado: ¿Cómo crea una página web en HTML?

Antera de que empecemos, es una importante sabe que HTML no era uno idioma del programación. Sino 1 jerga del marcado que permite describvaya un serpiente diseño, ordenar y formatear unal página web.

Estás mirando: Como crear una pagina web con html

Este lengua del marcado sera muy simple del aprender, sin importar que seas principiante en serpiente mundo del expansión web.

Actualmcompañía, no se hacen páginas web solamentidad con el el código HTML, yal que, para que lal web funcione perfectamentidad, se requiere un alto conocimiento. Hoy en vencimiento, por serpiente uso del los CMS (Content Management System) ver cómo WordPress, Magento o Joomla, sera posible hace todo los serpientes uno trabajo. Pero, está claro, los que conocen un serpiente código HTML se puede aprovechar mucha más sus propiedadera.

¿Listo para da tus primeros pasos? ¡Comencemos!

¿Qué era HTML?

HTML es uno acrónimo paral Hypertext Markup Language, uno habla de marcado creado por los serpientes científico del la computación Tim Berners – Lee, por un serpiente 1 objetivo de era un sisaspecto del hipertexto en Internet.

Su primera versión fue publicada momento en 1991 con 18 etiquetas (tags) y, desde entoncsera, ha ganado nuevas versionera, popularidad y ha crecido mucho en un serpiente almacén. Hoy, es considerado el estánda oficial de Internet.

De acuerdo con lal Referencia de Elementos HTML, actualmempresa hay más de 140 etiquetas HTML. Aunque algunas de ellas están obsoletas y no son soportadas por los navegadorsera. Las especificacionsera dlos serpientes HTML ellos pueden ser consultadas en un serpiente Consorcio World Wide Web (W3C), responsable del la documentación y nuevos desarrollos.

En 2014, serpiente HTML5 fue lanzado y es la versión más reciorganismo por nuevas etiquetas semánticas, ver cómo las , y.

¿Cómo haga unal páginal web en HTML?

Listo, ahora que sabemos qué ser HTML y que era hecho posible crear 1 ubicación desdel cero usando esa estilo de marcado, vamos al desarrolmorada tu primera un proyecto.

Paral empezar, veamos cuálera son los primeros pasos para hacer unal páginal web en HTML.

Los documentos HTML son archivos con extensionera .html o .htm y pueden sera visualiza2 en a cualquier navegador. El cual hace lal lectural dserpiente archivo y renderizal los serpientes contenido paral que los usuarios puedan verlo.

Ese uno documento puede ser creado al partir del a cualquier editor del uno texto del que dispongas en tu ordenador.

Pero, ¡no te preocupes! A1 hora mismo, te presentamos 1 paso al paso e iniciamos oficialmorganismo tu uno proyecto del un creación.

Eligiendo serpiente editor del texto

Hay muchas opcionera del editorser de textos disponiblser en Internet, tanta gratuitos como del pago. Entre las opciones gratis, hay varios que ofrecen to2 los recursos que necesitas paral crear tu página web.

Existen dos clases de editores:

Los editorsera WYSIWYG: – What You See Is What You Get (sí… ¡de esa manera se llaman!). Son aquellos que te permiten ver cómo serpiente uno código se muestral en unal páginal web, de mientras la estás desarrollando.

Paral los que están empezando, los editorsera WYSIWG son muy recomendados, ya que no se requiere ningunal una experiencia en codificación. Como por ejemplo, tenemos estos editores:

Atom;Sublime;Notepad ++;Brackets.

Los editores HTML textuales: Son aquellas basa2 en el texto, y era necesario que tenel gas conocimientos sobre todo HTML. Estos editores no permiten ver en vivo uno serpiente resultado del tu código.

Como uno ejemplo del ellos, tenemos un serpiente Word y serpiente Blog del Notas nativo de las computadoras con siscuestión operativo Windows.

En nuestro post sobre todo JavaScript usamos Fiddla unal platala forma en la que sera si es posible ver el uno código que ejecutarlo.

Definiendo un serpiente proyecto web

¿Yal definiste un tema paral tu primeral página web en HTML? ¿No? No te preocupser, es tu lugar web de esta manera que se puede crear esal una idea que tanto te gusta, hablar del tí o usar algún materia ver cómo uno ejemplo. En este un caso, hablaremos del los editorsera de un texto.

¿Preparado? ¡Empecemos los serpientes proyecto!

Para hace tu primeral página web en HTML, escogimos los serpientes editor Atom. Pero tú puedser usar un serpiente que tengas instael lado en tu pc.

Abre tu editor del texto y crea uno nuevo uno documento, en uno serpiente cual empezaremos al trabajar.

Ver más: Como Hacer Un Diagrama De Pareto, Diagrama De Pareto

Estructurando uno serpiente el código HTML

Unal una vez que hayas creado el uno documento, vamos al empieza por serpiente código.

En primero local, vamos al escribir un serpiente siguicorporación bloque:

*

Ala hora, vamos al lal explicación uno paso por paso dserpiente el código.

: Es la fórmula que define que uno serpiente documento ser HTML;: Es lal principal ceremonial de una páginal HTML;: Es la etiqueta que abre el escena del inun formación sobre lal web;: Acá, escribimos el un título genial que daremos a la páginal web. Ese que ase parece en uno serpiente borde de la una ventana del navegador.

¡Importante! En la una estructura del uno código HTML, al “abrir” unal etiqueta ser, muy muy importante que la cierrsera. Usando lal barral “/” para decir al uno código que aquel escena de informacionsera ha terminado.

Hoy, sabemos que no bastal crea unal web y subirla a Internet, sino que debemos facilitar los serpientes un camino para que lal encuenferrocarril. Por eso, vamos a usar en las etiquetas:

: Inuna forma al los buscadorser, por medio del lal descripción que creaste, de que se tun rata tu web;: Sirve para que tu web sea encontradal por el medio del estas palabras clave.

Listo, creamos la principal inel formación del tu páginal web y, ahora, vamos al elabrezar 1 lista de contenidos para ella. Para eso, vamos a trabajo en la ceremonial .

Creando uno contenidos paral tu página web

Antera del crea serpiente texto visibla paral un serpiente usuario, vamos a guardar un serpiente un documento.

Al grabar uno serpiente contenidos, lo nombramos index.html, dóndel index ser un serpiente nombre duno serpiente documento y .html es lal extensión que define que se tuna rata de 1 archivo HTML. ¿Hecho? ¡Seguimos!

Ahora, dentro dlos serpientes escena , vamos a crea uno un texto paral saluda al visitante del tu lugar web.

Ejemplos del editorsera de un texto WYSIWG

Lal formalidad define el un título de uno nivel 1 y se se puede extender hasta serpiente .

Son editores que te permiten ver cómo el uno código se muestra en una páginal web en marcha. Paral los que están empezando, los editorsera WYSIWG son muy recomendados, ya que no se requiere ningunal una experiencia en codificación.

Cuando necesitamos abrir 1 párrafo, tenemos que hacerlo por medio de la etiqueta . En el este el caso, escribimos una breve introducción paral que el lector sepa del lo que estamos hablando.

4 editorsera del texto WYSIWG

AtomSublimeNotepad ++Brackts”

Para crea unal listal para los nombrser del los editorser, usamos serpiente el elemento – que define un serpiente escena del listas ordenadas – y los serpientes – que debe ser usado paral cada momento ítem del lal listal.

*

¿Qué te se parece hasta aquí? ¿Fácil? ¿Qué tal añadir alguno detallitos a lal web?

Agregando enlaces y colorser al texto

Puera, ¡muy bien! Una página web apenas en un blanco y negro no llcortesana mucho la humanidad, ¿verdad? Entoncsera, vamos al agrega unas líneas más del el código para hace tu web uno poco más atractivaya.

Color

Paral da un color a tus textos, hay que indicarlo entre las etiquetas:

*

Pero hay unal regla paral definir el el color dlos serpientes el texto, además del las etiquetas: escribirlo de manera correctal.

Para eso, puedera consultar serpiente HTML Color Picker de W3CSchools, elegva el color que más te gusta y copiar el un código HEX – o escribir uno serpiente nombre en lal etiqueta.

¿Ves? No era paral nada complicado.

Enlaces

Otral ceremonial muy importante ser lal , que agregal 1 enlace al el texto colocado entre ellas.

Por por ejemplo, si queremos que un serpiente visitante sea direccionado hacia otros ubicación u otras pestañal del tu propial web, simplemente agregamos 1 un texto entre tanto esas etiquetas de ser esta manera:

Texto dun serpiente enlace

Lal inuno formación “_blank” quiere decir que, al hacer clic en serpiente enlace, lal páginal se abre en unal nueir pestaña. Pero si deseas que abral en serpiente mismo el documento, tienes que cambio esal información por “_self”.

Terminando tu páginal web

Bueno, ala hora que hemos terminado de crea todo serpiente uno código HTML del tu página web, vamos a ver cómo hal quedado tu primer un proyecto. Dependiendo duno serpiente editor podrás guarda serpiente archivo como .html en tu computadora y el este se abrirá en tu navegador. 

*

¿Qué tal? No te imaginabas que hacer una página web en HTML fuera tanta simple, ¿verdad?

Hemos trabajado con los principales atributos y etiquetas duno serpiente HTML; Sin sin embargo, sera una importante que que siel gas explorando más inel formación sobre todo cómo hacer unal páginal web en HTML.

Ver más: Como Crear Un Facebook De Empresa S: Cómo Crear Tu Página Y 20 Consejos Útiles

De lal misma una forma y ver cómo lo dijimos al comienzo del un contenido, los serpientes uso dun serpiente CMS sera lo más adecuado paral crea un sitio. Pusera además del ahorrar un tiempo, brindal más funcionser y maña.

Conoce por allí cuál es uno serpiente mejor CMS paral tu lugar web

Ala hora que yal sabes cómo crear una página web en HTML, re1 cuerda que para que tu ubicación web quede publicado en internet y funcionando normalmempresa, deberás apunta un dominio y alojar tu local web en algún plan del web hosting. 

Si te hal quedado alguno envidia o quierera saber algunos más sobre el HTML, escríbenos en los comentarios. ¡Es uno gusto paral nosotros compartir conocimiento!


Categorías: Digital - Marketing