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
Presentation
•
7th - 8th Grade
19 questions
Photosynthesis vs. Cellular Respiration
Presentation
•
6th - 8th Grade
19 questions
Year 7 - Algorithm and Flowcharts (Revision Lesson)
Presentation
•
7th - 8th Grade
19 questions
Earth's History Lecture
Presentation
•
6th - 8th Grade
21 questions
Intro to Inequalities
Presentation
•
6th - 8th Grade
18 questions
El Pretérito (-ar)
Presentation
•
6th - 8th Grade
21 questions
Exploring Spanish-Speaking Countries
Presentation
•
6th - 8th Grade
19 questions
45 JavaScript Formularze
Presentation
•
KG
Popular Resources on Wayground
28 questions
US History Regents Review
Quiz
•
11th Grade
36 questions
Biology Regents Review
Quiz
•
9th - 10th Grade
20 questions
Math Review
Quiz
•
3rd Grade
38 questions
Regents Life Science General Review
Quiz
•
9th Grade
20 questions
Math Review
Quiz
•
6th Grade
21 questions
EOY Grade 6 Benchmark Assessment - Content Skills
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
Discover more resources for Computers
20 questions
Math Review
Quiz
•
6th Grade
21 questions
EOY Grade 6 Benchmark Assessment - Content Skills
Quiz
•
6th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
15 questions
Soccer World Cup Quiz Questions
Quiz
•
7th Grade
35 questions
MATH 6 FINAL
Quiz
•
6th Grade
20 questions
Math Review - Grade 6
Quiz
•
6th Grade
44 questions
7th Math Review
Quiz
•
7th Grade
45 questions
Earth and Space Science Regents: Exam Cram
Presentation
•
7th - 12th Grade