El documento describe las etiquetas básicas de HTML para estructurar y dar formato a páginas web. Explica las etiquetas para definir la cabecera, cuerpo y contenido de una página (<html>, <head>, <title>, <body>), añadir formato a texto (negrita, cursiva, color, tamaño de fuente), crear listas, tablas, líneas horizontales, insertar imágenes, y agregar enlaces hypertextuales. También cubre el uso de marcos para dividir una página en secciones.
My books- Hacking Digital Learning Strategies http://hackingdls.com & Learning to Go https://gum.co/learn2go
Resources at http://shellyterrell.com/emoji
Artificial intelligence (AI) is everywhere, promising self-driving cars, medical breakthroughs, and new ways of working. But how do you separate hype from reality? How can your company apply AI to solve real business problems?
Here’s what AI learnings your business should keep in mind for 2017.
My books- Hacking Digital Learning Strategies http://hackingdls.com & Learning to Go https://gum.co/learn2go
Resources at http://shellyterrell.com/emoji
Artificial intelligence (AI) is everywhere, promising self-driving cars, medical breakthroughs, and new ways of working. But how do you separate hype from reality? How can your company apply AI to solve real business problems?
Here’s what AI learnings your business should keep in mind for 2017.
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
We asked LinkedIn members worldwide about their levels of interest in the latest wave of technology: whether they’re using wearables, and whether they intend to buy self-driving cars and VR headsets as they become available. We asked them too about their attitudes to technology and to the growing role of Artificial Intelligence (AI) in the devices that they use. The answers were fascinating – and in many cases, surprising.
This SlideShare explores the full results of this study, including detailed market-by-market breakdowns of intention levels for each technology – and how attitudes change with age, location and seniority level. If you’re marketing a tech brand – or planning to use VR and wearables to reach a professional audience – then these are insights you won’t want to miss.
Instrucciones del procedimiento para la oferta y la gestión conjunta del proceso de admisión a los centros públicos de primer ciclo de educación infantil de Pamplona para el curso 2024-2025.
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “ROMPECABEZAS DE ECUACIONES DE 1ER. GRADO OLIMPIADA DE PARÍS 2024”. Esta actividad de aprendizaje propone retos de cálculo algebraico mediante ecuaciones de 1er. grado, y viso-espacialidad, lo cual dará la oportunidad de formar un rompecabezas. La intención didáctica de esta actividad de aprendizaje es, promover los pensamientos lógicos (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia, viso-espacialidad. Esta actividad de aprendizaje es de enfoques lúdico y transversal, ya que integra diversas áreas del conocimiento, entre ellas: matemático, artístico, lenguaje, historia, y las neurociencias.
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
DEBER N°2 blog blogger blogspot
1.
2. HTML
• <html></html> Al
principio y al final de
todo documento.
HEAD
• <head> </head> Cabecera del
documento. Dentro del head se
ponen las etiquetas:
• <title> </title> indica el título de
la página para el navegador.
• <meta> permite aportar
metainformación al
documento, para su mejor
identificación e indexación por
los motores de búsqueda.
BODY
• <body> </body> Dentro de esta
etiqueta se insertan los contenidos
del documento.
• El cierre de la etiqueta </body> se
coloca justo antes del cierre
</html>.
ETIQUETAS DE HTML
MARCAS
BÁSICAS
3. La etiqueta <body>
puede llevar incluida
información sobre las
propiedades de la
página:
<body bgcolor="#xxyyzz">
define el color de fondo de
la página.
<body text="#xxyyzz">
define el color por
defecto del texto en la
página.
<body
link="#xxyyzz">
define el color de los
enlaces.
<body vlink="#xxyyzz">
define el color de los
enlaces visitados.
<body alink="#xxyyzz">
define el color de los
enlaces activos.
<body
background="imagen.gif">
establece una imagen
para el fondo de la
página.
Todos estos
parámetros se
pueden agrupar en
una única etiqueta
<body>.
<!-- comentarios --> Sirve
para anotar aclaraciones
'privadas' del autor de la
página.
PROPIEDADES DE
LA PÁGINA
4. FORMATO
DE
TEXTOS
<b> </b>
negrita (también
sirve la etiqueta
<strong>…
</strong>)
<i> </i>
cursiva (también
sirve la etiqueta
<em>…</em>)
<u> </u>
subrayado
<font size=”X”> </font>
marca el tamaño de los
caracteres, donde X es un valor
del 1 a 7, o un valor relativo (+ 1-
7).
<Font
color=”#XXYYZZ”></font>
define el color del texto, donde
XXYYZZ es un valor formado por
letras y números que indica el
color.
<font face=”arial”> </font>
determina el tipo de la fuente.
La etiqueta <font>
puede incluir los tres
parámetros
(tamaño, fuente y
color):
<font size=X
color=#XXYYZZ
face=fuente escogida>
…</font>
<pre> preformateado.
Respeta espacios, saltos
de línea y los retornos
utilizados.
<blink> hace parpadear
el texto (no para
Explorer)
5. FORMATO
DE
PÁRRAFOS
<p>
salto de
párrafo </p>
<br>
salto de
línea
<blockquote>
</blockquot
e> sangrado.
<center>
centrar
el texto.
<p
align=center>
párrafo
centrado.
<p align=left>
párrafo
alineado a la
izquierda.
<p
align=right>
párrafo
alineado a la
derecha.
6. •<ul>
•<ul><li>primer elemento de la
lista</li>
•<li>segundo elemento de la
lista</li>
•<li>tercer elemento de la
lista</li>
•</ul> cierra lista
LISTA NO
NUMERADA
•<ol>
•<li>primer elemento de la
lista</li>
•<li>segundo elemento de la
lista</li>
•</ol> cierra lista.
LISTA
NUMERADA
•<dl>
•<dt>término que se va a
definir</dt>
•<dd>definición del
término</dd>
•</dl> cierra lista.
LISTA DE GLOSARIO
O DEFINICIÓN
CREACIÓN DE LISTAS
7. LÍNEAS
HORIZONTALES
SEPARADORAS
• <hr> línea horizontal.
• <hr width="x%">
anchura de la línea en
porcentaje.
<hr width=x>
anchura de la
línea en
píxeles.
• <hr size=x> altura de la
línea en píxeles.
• <hr align=center> línea
alineada en el centro.
•<hr align=left> línea
alineada a la izquierda.
•<hr align=right> línea
alineada a la derecha.
<hr noshade>
línea sin efecto
de sombra.
8. IMÁGENES
<img src="dirección
de la imagen” ">
indica la ruta de la
imagen.
<img ...
border=”X">
establece un
borde de X
pixels en torno
a la imagen.
<img ... height="XX"
width="YY">
establece un tamaño
de la imagen (altura
y
anchura) en pixels.
<img ... alt="texto
explicativo"> se
muestra un texto al
pasar el
cursorsobre la
imagen.
img ...
align="bottom">
alineación inferior
del texto respecto
de la imagen.
<img ... align="middle">
alineación del texto
en el medio de la
imagen.
<img ...
align="top">
alineación
superior del
texto respecto
de la imagen.
<img ... align="left">
alineación izquierda
de la imagen en el
párrafo.
<img ...
align="right">
alineación
derecha de la
imagen en el
párrafo.
<img ...
hspace=X>
espacio
horizontal
entre la imagen
y el texto.
<img ... vspace=y>
espacio vertical
entre la imagen y
el texto.
9. TABLAS
útiles para componer la
página y para presentar
datos tabulares.
<table>……</table>
Define dónde comienza
y termina la tabla
<table width="XX%">
Determina la anchura de la
tabla. Puede darse en
píxeles
(no lleva el símbolo %), o en
porcentaje de la página.
<table height="XX>
Determina la altura de
la tabla en píxeles.
<table border="X">
Establece el grosor en
píxeles del borde de la
tabla
<table height="XX> Determina la
altura de la tabla en píxeles.
<table border="X"> Establece el
grosor en píxeles del borde de la
tabla
<table height="XX>
Determina la altura
de la tabla en píxeles.
<table border="X">
Establece el grosor
en píxeles del borde
de la tabla
10. EJEMPLO DE TABLA
<table width="100%" height="200" border="1" cellspacing="3"
cellpadding="5">
<tr>
<td>primera columna de la fila 1</td>
<td>segunda columna de la fila 1</td>
<td>tercera columna de la fila 1</td>
</tr>
<tr>
<td>primera columna de la fila 2</td>
<td>segunda columna de la fila 2</td>
<td>tercera columna de la fila 2</td>
</tr>
</table>
Dentro de cada celda se puede
alinear el texto o cualquier
contenido, cambiar el
color de fondo, con las etiquetas
habituales para texto, párrafos o
imágenes.
<td rowspan="2"> </td> une
dos celdas de dos filas adyacentes,
en una
única celda.
<td colspan="2"> </td> une dos
celdas de dos columnas adyacentes
en una
sola celda.
11. CREACIÓN DE ENLACES
<a
href=”http://www.servidor
.com/directorio/pagina.ht
m”>Enunciado del
enlace</a>.
<a href=”mailto:dirección
de mail”> Vínculo a una
dirección de correo-e.
<a name=”marcador”> define
un marcador (ancla) en un
punto concreto de una
página, para poder enlazarlo
posteriormente.
<a href=”#marcador”> dirige
un enlace interno al punto
dónde está el marcador.
<a href=”dirección
página#marcador”> dirige el enlace a
un punto concreto de otra
página.
Dentro del a href:
target="_blank" Abre la página en un
nuevo navegador.
target=”_top” Abre la
página en toda la pantalla
para evitar los frames.
title=”texto descriptivo del
enlace” permite incluir una
descripción del destino del
enlace
12. PÁGINA CON MARCOS (no lleva body)
<html>
<head>
<title>título de la página</title>
</head>
<frameset cols="20%, 80%"> (divide la página en dos
marcos en forma de
columnas, cada una con su anchura correspondiente en
porcentaje)
<frame src="menu.htm" name="navegacion"> (archivo
menu.htm que
corresponde al marco de la izquierda, llamado
“navegación”, 20% de anchura)
<frame src="principal.htm" name="contenidos"> (archivo
principal.htm que
corresponde al marco de la derecha, llamado
“contenidos”, 80% de anchura)
</frameset>
</html>
Las páginas también se pueden dividir en marcos
horizontales con
<frameset rows=" , ">
13. Frameborder="NO" evita que se vea el borde entre los marcos
framespacing="2" establece 2 pixels de separación entre los
marcos
scrolling="NO" evita que aparezca una barra de scroll dentro
del marco
scrolling="auto" mostrará la barra de scroll sólo si es
necesario
Ejemplo de una página con tres marcos en forma de filas. La
superior y la inferior
tienen un tamaño fijo de 80 pixels; la del medio es adaptable.
No se muestran los
bordes entre los marcos
<frameset rows="80,*,80" frameborder="NO" border="0"
framespacing="0">
<frame src="navegacion_up.htm" name="topFrame"
scrolling="NO">
<frame src="principal.htm" name="mainFrame">
<frame src=" navegacion_down.htm " name="bottomFrame"
scrolling="NO">
</frameset>