Código del sitio Html
Paso 1. Abra el Bloc de notas.Paso 2. Crear archivo HTML.Paso 3. Insertar elementos HTML usando etiquetas HTML.Paso 4. Paso 4. Guardar y ejecutar el archivo HTML. Paso 5. Disfrute de su sitio web.Añadir títulos y párrafosAñadir títulos en HTMLPara insertar títulos en HTML tenemos seis etiquetas para eso. De H1 a H6. Donde H6 da el tamaño de la fuente del titular más pequeño y H1 da el tamaño de la fuente del titular más grande.<html>
</html>Añadir ImágenesAñadir Imágenes en HTML:Usando la etiqueta IMG de HTML podemos Insertar Imágenes en HTML.Proporcionar la ruta de la Imagen dentro del Atributo SRC.Para la Personalización del Ancho de la Imagen tenemos los Atributos de Alto y Ancho de HTML.<html>
</html>Añadir Imagen de Fondo en HTML:Para añadir una imagen de fondo a una página web tenemos que utilizar el atributo background de HTML dentro de la etiqueta de inicio del cuerpo.Y dentro del atributo background, tenemos que dar la ruta de nuestra imagen.<html>
</html>Añadir archivos de audio y vídeo:Añadir un archivo de audio en HTML:Para insertar un archivo de audio en HTML tenemos etiquetas de audio para ello.Dentro del atributo SRC, tenemos que dar la ruta de nuestro archivo de audio.El atributo Controls nos dará algunos controles para controlar el archivo de audio en nuestro archivo HTML.<html>
Cómo trabajar con el bloc de notas
Casi todos los sistemas operativos incluyen por defecto un editor de texto y un navegador, que puede utilizar para ver sitios web. Por lo tanto, normalmente sólo es necesario adquirir software para transferir archivos a su servidor web.Aprendizaje activoAún no hay aprendizaje activo disponible. Considere la posibilidad de contribuir.ProfundizarCrear y editar páginas webPara crear y editar un sitio web, necesita un editor de texto. Los editores de texto crean y modifican archivos de texto sin formato. Otros formatos, como el RTF, permiten añadir formato, como la negrita o el subrayado. Estos formatos no son adecuados para escribir páginas web. Deberías pensar bien qué editor de texto utilizas, ya que trabajarás mucho con él mientras construyes el sitio web.
Todos los sistemas operativos de escritorio vienen con un editor de texto básico. Todos estos editores son sencillos, pero carecen de funciones especiales para la codificación de páginas web. Si quieres algo más sofisticado, hay muchas herramientas de terceros disponibles. Los editores de terceros suelen incluir funciones adicionales, como colorear la sintaxis, autocompletar, secciones plegables y búsqueda de código. Aquí tienes una breve lista de editores:
Cómo crear un sitio web en el bloc de notas usando html
En nuestra primera página web no hemos especificado el color de la fuente, el tipo de letra o el color del cuerpo, por lo que, por defecto, el navegador de Internet mostrará un fondo de cuerpo blanco, el tipo de letra será Times New Roman negro y no se mostrarán bordes. Para cambiar esto añadiremos elementos extra dentro de nuestras etiquetas HTML. Este tutorial también añadirá hipervínculos e incluirá sus enlaces de correo electrónico en su página web.
All Creative Designs proporciona un servicio de diseño y desarrollo de sitios web con una diferencia y produce diseños profesionales e innovadores según sus necesidades. Cada sitio web es único y creado sin el uso de plantillas pregeneradas. Desarrollamos soluciones web interactivas e informativas para organizaciones sin ánimo de lucro construyendo bases de datos dinámicas para los miembros con funciones de administración completas. All Creative Designs da servicio a la zona de Nambucca / Coffs Harbour y NSW.
Cómo crear un sitio web con html
Esta semana nos tomaremos un descanso del HTML y el CSS, y en su lugar presentaremos tres programas alternativos al Bloc de notas que puedes utilizar para crear páginas web. Por orden de preferencia comenzaré con Notepad++ :
Notepad++ es una aplicación gratuita que permite crear archivos HTML y CSS. A diferencia del Bloc de notas estándar, Notepad++ es mejor en muchos aspectos, en primer lugar por la posibilidad de minimizar las etiquetas. Por ejemplo, si sólo quieres ver una etiqueta <p> dentro del archivo, sólo tienes que hacer clic en los iconos con el signo “menos” que aparecen en el lateral para minimizar todas las demás etiquetas.
Otro aspecto positivo del Bloc de notas++ es que puedes abrir más de un archivo dentro del mismo programa, simplemente abriendo el archivo y haciendo clic en las pestañas puedes cambiar instantáneamente entre diferentes páginas web. Esto hace que la edición sea mucho más fácil que con el Bloc de notas estándar. Además, Notepad++ utiliza un corrector ortográfico para que puedas ver cualquier error de ortografía y así poder hacer los ajustes necesarios. Por último, las páginas web pueden probarse seleccionando una opción dentro de la aplicación en lugar de abrir un navegador manualmente y seleccionar el archivo, con Notepad++ puedes seleccionar entre los navegadores web más populares dentro del programa y éste abrirá automáticamente estos navegadores con el archivo HTML/CSS deseado. La ventaja de esto es que puedes probar la página web en muchos navegadores diferentes sin tener que buscarlos en el sistema del ordenador. Aunque el Bloc de notas también es esencialmente gratuito, no tiene las ventajas que ofrece el Bloc de notas++ y, por lo tanto, debería considerarse una alternativa muy bienvenida para los diseñadores web.