Html Bases
Elisa Amoreida Arreola Gomez
Created on August 30, 2024
More creations to inspire you
AUSSTELLUNG STORYTELLING
Presentation
HISTORY OF THE EARTH
Presentation
3 TIPS FOR AN INTERACTIVE PRESENTATION
Presentation
49ERS GOLD RUSH PRESENTATION
Presentation
INTERNATIONAL EVENTS
Presentation
THE EUKARYOTIC CELL WITH REVIEW
Presentation
INTRO INNOVATE
Presentation
Transcript
HTML
Guia para el quiz y el 1er parcialMiss Amo Arreola
HTML
HTML tiene como principal característica Las etiquetas.La estructura básica es la siguiente, etiqueta de inicio, contenido y etiqueta de cierre:<p>Texto</p>
Estructura básica HTML
<!Doctype html><html> <head> <title>Ejemplo </title> </head> <body> <h1>Encabezado Grande</h1> <p>Ejemplo de parrafo simple</p> <img src="btm.jpg"/> </body></html>
Consejos Utiles:
3.- Renombra las imágenes que uses, para que sea más fácil y práctico.4.-Presta atención a como nombras tus carpetas e imágenes, así como la extensión que tienen tus imágenes.
1.- Ordena tus archivos de manera que sea fácil localizarlos y señalarlos dentro de tu código. 2.- Genera una carpeta para cada proyecto, esto te facilitará el trabajo al escribir tu código.
¿Comó guardar un HTML?
- Abrir un block de notas nuevo.
- Ir a archivo.
- Click en "Guardar Como"
- En Nombre del Archivo, guardalo con la extensión .html: index.html
- En Tipo selecciona Todos los Archivos.
- Guardalo en la carpeta de tu proyecto.
- Click en aceptar.
¿Comó editar un HTML?
- Ve a la carpeta donde esta guardado tu html.
- Dale click con el botón derecho de tu mouse.
- Elije Abrir con.
- Busca la opción : Block de notas
Carpetas
<p>Texto del parrafo</p>
Ejemplo para un párrafo sencillo.
<img src="btm.jpg"/>
Ejemplo para Insertar una imagen.
<a href="https://www.freecodecamp.org/espanol">Texto del Enlace </a>
Ejemplo para Insertar un enlace.Pagina o Video de YouTube
<ul> <Li><a href="carpeta/nombredeseccion1.html">Seccion 1</a></LI><Li><a href="carpeta/nombredeseccion2.html">Seccion 2</a></LI> </ul>
Ejemplo para Insertar un navegador sencillo.Index
<ul> <Li><a href="../index.html">INICIO</a></LI> <Li><a href="nombredeseccion1.html">Seccion 1</a></LI> <Li><a href="nombredeseccion2.html">Seccion 2</a></LI> </ul>
Ejemplo para Insertar un navegador sencillo.Sección interna
Estructura Nuevas
Aquí se actualizará el contenido de nuestra guia.
Atributos
Para poder cambiar el fondo por una imagen.Recuerda guardar la imagen en la carpeta donde este tu html.
Ejemplo:
<!Doctype html><html> <head> <title>Texto de Titulo</title> </head> <body background="fondo.jpg"><div style="background-color:yellow;"> <h1>Bienvenidos</h1> <p> Este es un ejemplo de agregar una imagen como fondo </p> </div> </body></html>