HTML 2
Presentation
•
Computers
•
6th - 8th Grade
•
Medium
JOEL Colon
Used 10+ times
FREE Resource
16 Slides • 10 Questions
1
HTML 2
En esta clase aprenderás a editar un archivo ya guardado y a poner headings de distintos tamaños.
2
Entra a tu carpeta HTML y da click derecho sobre el archivo index que guardaste en el Lab1
Escoge la opción EDIT with Notepad++ y abrirá en el editor en lugar de como Webpage
3
Coloca el editor Notepad++ y el webpage uno al lado del otro para que veas los cambios que haces.
4
Al abrir el archivo notarás que ya tiene el esqueleto escrito porque lo hiciste en el Lab1 así que solo añadiremos más código DENTRO de las etiquetas <Body> </Body>
Recuerda que todo lo que escribas dentro de esas etiquetas es lo que se verá visualmente en tu webpage.
5
Ya puedes apretar el botón de guardar en el editor Notepad++ y luego REFRESH en la flechita del Webpage
6
Ya puedes modificar tus párrafos escribiendo otras cosas. usa mi ejemplo y modifícalo.
Lo más importante es que tiene que comenzar con la etiqueta de inicio <p> y terminar con </p>
7
Al guardar y refrescar verás algo así:
8
Debajo de lo último que escribiste puedes poner este código usando las etiquetas <h1> </h1> etc
9
AL guardar y refrescar verás algo así:
10
Como podrás imaginar, estas etiquetas van desde la mayor la cual es <h1> </h1> hasta la menor la cual es <h6> </h6>
11
Para alinear al centro o a la derecha usa esta codificación en rojo y con doble comilla...
12
Observa el efecto del código en el webpage
13
¿Te preguntas por qué no usé el código align = "left"?
Es porque aún sin escribirlo me sale todo a la izquierda así que no lo necesito.
14
Si quieres que el texto se muestre de color puedes añadir este código text = "blue"
15
Ya puedes apretar el botón de guardar en el editor Notepad++ y luego REFRESH en la flechita del Webpage
16
Ahora practiquemos lo aprendido:
17
Multiple Choice
Al dar click derecho sobre el archivo index me permite: Editar el código fuente en el programa donde lo escribi o algún otro que yo escoja
CIERTO
FALSO
18
Multiple Choice
Las etiquetas para crear una oración o párrafo son:
<p>
línea
</p>
<body>
línea
</línea>
</p>
línea
<p>
<p>
línea
<\p>
19
Multiple Choice
Todo lo que se muestra en página fue codificado dentro de las etiquetas:
<body>
</body>
<html>
</html>
<head>
</head>
<title>
</title>
20
Multiple Choice
Las etiquetas : <p> </p> te crean espaciado entre los párrafos:
CIERTO
FALSO
21
Multiple Choice
El keyword bgcolor implica: El color de fondo de la página web.
CIERTO
FALSO
22
Multiple Choice
Solo existen 6 tamaños para encabezados?
CIERTO
FALSO
23
Multiple Choice
El header con letra más GRANDE es:
<h1>
</h1>
<h6>
</h6>
<h10>
</h10>
<h7>
</h7>
24
Multiple Choice
El header con letra más pequeño es:
<h1>
</h1>
<h6>
</h6>
<h10>
</h10>
<h7>
</h7>
25
Multiple Choice
Etiqueta para centralizar un header:
<h1 align="center"> </h1>
<h1 align='center'> </h1>
<h1 aling="center"> </h1>
<h1 align="centralize"> </h1>
26
Multiple Choice
<Body bgcolor="pink" text="blue">
</body>
Pone color azul en:
Las letras del webpage
Las letras del título
Las letras de el header
El fondo de la pantalla
HTML 2
En esta clase aprenderás a editar un archivo ya guardado y a poner headings de distintos tamaños.
Show answer
Auto Play
Slide 1 / 26
SLIDE
Similar Resources on Wayground
21 questions
Africa
Lesson
•
7th - 8th Grade
19 questions
Photosynthesis vs. Cellular Respiration
Lesson
•
6th - 8th Grade
19 questions
Year 7 - Algorithm and Flowcharts (Revision Lesson)
Lesson
•
7th - 8th Grade
19 questions
Earth's History Lecture
Lesson
•
6th - 8th Grade
21 questions
Intro to Inequalities
Lesson
•
6th - 8th Grade
18 questions
El Pretérito (-ar)
Lesson
•
6th - 8th Grade
21 questions
Exploring Spanish-Speaking Countries
Lesson
•
6th - 8th Grade
19 questions
45 JavaScript Formularze
Lesson
•
KG
Popular Resources on Wayground
10 questions
5.P.1.3 Distance/Time Graphs
Quiz
•
5th Grade
10 questions
Fire Drill
Quiz
•
2nd - 5th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
15 questions
Hargrett House Quiz: Community & Service
Quiz
•
5th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
15 questions
Equivalent Fractions
Quiz
•
4th Grade
Discover more resources for Computers
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
23 questions
Conflict Resolution
Lesson
•
6th - 8th Grade
25 questions
Early Republic 8th Grade US History
Quiz
•
8th Grade
10 questions
SMS Library Quiz
Quiz
•
6th - 8th Grade
14 questions
Volume of rectangular prisms
Quiz
•
7th Grade
17 questions
Figurative Language
Quiz
•
7th Grade
15 questions
Pythagorean Theorem Word Problems Quizizz
Quiz
•
8th Grade