Partir del desarrollo de sitios Web (1 / 1 paso)

Paso 1: Adición de texto a la página web

Para comenzar a abrir un editor de texto como el Bloc de notas, el uso. La primera línea que ingrese debe leer "< html >" Esto es una etiqueta que declara la página como una página web, no sólo un documento normal. Línea siguiente es lo mismo un poco alterado, tiene una "/" en él. Esta barra en el lugar correcto es lo que dice el ordenador que esto marca el final del documento.

A continuación, tendrá que agregar dos nuevas etiquetas, etiquetas y sus cierre. Estas nuevas etiquetas son "< head >" y "< body >". El propósito de la
etiqueta "< head >" es proporcionar un lugar para poner la cabecera y posteriormente un lugar para enlazar a una página CSS externa. El propósito de la etiqueta "< body >" es proporcionar un lugar para poner cada otra parte de la Página Web. Dentro de las etiquetas de apertura y cierre de "cuerpo" pones todo de tu texto, imágenes y enlaces.

A continuación, vas a añadir tu primera línea de código que agrega el texto. Qué debe leer la siguiente línea es "< h1 > Hola mundo < / H1 >" puedes ponerlo que quieras entre las etiquetas de cierre y apertura "< H1 >" porque es el texto que se mostrará. El propósito de "< H1 >" es darle a la computadora un tamaño generalmente grande. Las etiquetas "H" siguen el número 6. El número 1 es el tamaño de letra más grande, y 6 es el más pequeño. Las etiquetas de "< H >" se utilizan generalmente para los encabezados de la página o de los párrafos individuales.

La siguiente línea de código que se va a agregar mostrará otra línea de texto a la Página Web. Esta línea debe leer
"< p > Mostrar texto en la pantalla es tan simple como esto! < /p >" y otra vez, usted puede decir que desee entre las dos etiquetas. El propósito de las etiquetas "< p >" son para declarar el inicio y el final de un párrafo nuevo. Esto realmente no tiene que ser un párrafo es sólo una manera de saber el equipo que desea agregar texto que se desea mostrar.

Para este paso que es todo el código que se necesitan. Ahora es el momento para guardar y ver tu nueva página web! Ya debe saber cómo guardar un archivo, pero si no simplemente ir hasta la pestaña en la parte superior de Bloc de notas que dice "Archivo" cuando pasa el cursor sobre esta ficha un menú desplegable debe aparecer. Haga clic en el botón en él que dice "Guardar como". Una vez que abre la ventana que desee al archivo, el nombre y este nombre puede ser lo que quieras, pero es muy importante que agregar al final del nombre del archivo ".html" o no funcionará. También asegúrese de que funciona le debe asegurarse de guardarlo como tipo "Todos los archivos" en lugar de a un archivo ".txt". Para cambiar esto sólo tiene que utilizar la barra de menú desplegable debajo de la barra de nombre de archivo. Una vez hecho esto usted puede guardar su archivo. Luego puede ir al directorio que guardó en y encontrarlo y abrirlo. Para asegurarse de que se mostrará como una página web Asegúrese de que tiene un icono de navegador (Chrome, Mozilla, Internet Explorer, etc.) junto a él. Entonces abren y deben buscar como en el ejemplo que tengo en la foto.

¡ FELICIDADES! Si hicieron todo correctamente entonces usted acaban de finalizar su primera página web. Tenga en cuenta que sólo es visible desde el ordenador hasta que usted compra un plan de hosting de una empresa como GoDaddy y compra un domain(URL). El paso siguiente va en cómo manipular los colores y fuentes.

Artículos Relacionados

Mantenimiento y desarrollo de sitios web herramienta GetSimple

Mantenimiento y desarrollo de sitios web herramienta GetSimple

Así que tras experimentar con varios sitio web desarrollo de plantillas como word press, joomla y Dios sabe qué. Encontré algo realmente simple y real rápido para trabajar con. Get-simple es una herramienta de desarrollo de sitio web de código abiert
Desarrollo de sitios web, desarrollo de Software, desarrollo de aplicaciones móviles, las compañías de SEO en la India – www.l7software.com

Desarrollo de sitios web, desarrollo de Software, desarrollo de aplicaciones móviles, las compañías de SEO en la India – www.l7software.com

L7 Software es un desarrollo web, desarrollo de software, desarrollo de aplicaciones móviles y compañía de proveedor de servicio SEO en la India y de rápido crecimiento en la industria. Ofrecer una calidad superior, como resultado soluciones orientad
Construir un sitio web profesional: parte 1

Construir un sitio web profesional: parte 1

esto es parte de una serie rápida de instructables que le llevará desde los códigos básicos tales como cómo hacer texto en negrita a CSS avanzado y código dinámico.La hoja de trucos el código se puede encontrar en este instructable: código básico HTM
Construir un sitio web profesional: parte 2

Construir un sitio web profesional: parte 2

esta es la segunda serie de las lecciones de punto en diseño web. Si eres nuevo en diseño web o la necesidad de volver a tapar, por favor informe: construir un sitio web profesional: parte 1Código HTML y los códigos de color son en este instructable:
Construir un sitio web profesional: parte 3 CSS

Construir un sitio web profesional: parte 3 CSS

CSS (Cascading Style Sheets) son como el pan en un sandwich de PB & J. Seguro, las tablas están bien pero el código es mucho más limpio y eficiente con CSS.CSS es un método sencillo de añadir estilo (p.ej. fuentes, colores, espaciado) a los documento
Construir tu propio sitio web con dreamweaver

Construir tu propio sitio web con dreamweaver

por lo que previamente he escrito sobre esto antes, el viejo es digno de la lectura en primer lugar, contiene instrucciones en photoshop y dreamweaver que esto no, sin embargo falta mucho señala respecto a este.Estos días hay toneladas de servicios p
Cómo crear tu propio sitio web gratis mediante constructores de sitio web gratuito

Cómo crear tu propio sitio web gratis mediante constructores de sitio web gratuito

Cualquier persona en necesidad de un sitio web sin tener fondos suficientes puede construir su propio sitio web gratis con la ayuda del constructor de sitio web gratuito. Estos constructores de sitio web ayudará a ahorrar dinero y poner en marcha un
Crear un botón de lanzamiento del sitio web enorme, intermitente,

Crear un botón de lanzamiento del sitio web enorme, intermitente,

En hybris, acabamos de lanzar nuestro nuevo comercio cloud API en yaas.io. El equipo de labs de hybris apoyó el público arranque con un botón de lanzamiento frío. Es un botón grande cúpula estilo arcade, tiene un LED integrado así que usted puede dej
Creación de Bookhuddle.com, un sitio web para descubrir, organizar y compartir información del libro

Creación de Bookhuddle.com, un sitio web para descubrir, organizar y compartir información del libro

este post describe los pasos involucrados en la creación y puesta en marcha Bookhuddle.com, un sitio web dirigido a ayudar a los lectores descubrir, organizar y compartir información del libro.Los pasos descritos aquí se aplicarían al desarrollo de o
Beneficios de empleo en el campo del desarrollo web

Beneficios de empleo en el campo del desarrollo web

Beneficios de empleo en el campo del desarrollo webDesarrollo web es un término amplio para cubrir un montón de actividades como concebir, planificación, construcción, diseño, crear contenido y administrar un sitio Web determinado. Diseño web es el t
Uso de Internet del sitio web de cosas de la (escuela)

Uso de Internet del sitio web de cosas de la (escuela)

¡ Hola!Por lo tanto, usted ha configurado su estación meteorológica, Sensor de suelo y RobotTug fuerza-o-meter, y estás listo para comenzar a explorar sus datos o la creación de experimentos. Vamos a llevarte a través de nuestro Internet de sitio web
Encontrar la dirección IP de un sitio web utilizando el símbolo del sistema

Encontrar la dirección IP de un sitio web utilizando el símbolo del sistema

este Instructable le mostrará cómo encontrar la dirección IP de cualquier sitio web que desee y encontrar de donde proviene la IP.Y con este método en lugar de hacer ping a la dirección muestra la velocidad de conexión más rápida entre conexiones de
Temperatura en tiempo real en su sitio web (sin javascript o codificación de lado del servidor)

Temperatura en tiempo real en su sitio web (sin javascript o codificación de lado del servidor)

Cómo empujar datos en tiempo real de alta resolución del sensor de temperatura basado en Arduino a tu página web sin ningún servidor de codificación es.Arduino es un gran dispositivo para recoger, almacenar y transferir datos de varios sensores pero
Araña del insecto-Catching en Web, parte 1

Araña del insecto-Catching en Web, parte 1

este proyecto es una colaboración entre bhasudha y idesigner4 (me), los estudiantes en el otoño de 2012 curso de Las cosas que pienso (CSCI 7000) de La Universidad de Colorado - Boulder.La historia de nuestro autómata de araña insecto-catching va com