Curso Basico Html ym28

• 0
• 0

• September 2020
• PDF

• Bookmark
• Embed
• Share
• Print

This document was ed by and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this report form. Report 2z6p3t

---

Overview 5o1f4z

& View Curso Basico Html as PDF for free.

---

More details 6z3438

• Words: 3,190
• Pages: 18

• Preview
• Full text

República Bolivariana de Venezuela Ministerio de Educación Superior Instituto Universitario de Tecnología Valencia Departamento de Informática

HTML (HyperText Markup Language)

IUTVAL

q Lenguaje de Hipertexto a través de marcas . q Lenguaje interpretado basado en etiquetas o

ENERO 2004

TAGS, que hacen referencia a un comando. q Elementos afectados u
u u

à Etiqueta vacía [

]

ING. MAYBEL GIL u ... u ...

GUIA TEÓRICA LENGUAJES COMERCIALES “HTML”

IUTVAL

DOCUMENTO HTML Curso Básico HTML

ENERO 2004

Editor

Profesor

Salvar

: DELY M. GIL A. VALENCIA, 2004

Primero.htm

ING. MAYBEL GIL Curso Básico HTML

Browser

IUTVAL Sección: 02-a

IUTVAL

Lenguajes Comerciales Prof . Maybel Gil

ESTRUCTURA DE UNA PÁGINA WEB – HTML

ENERO 2004



<!—Fin Cabecera -- >



ING. GILWeb-- > < ¡--MAYBEL Cuerpo de la Página

Bienvenido a HTML 3b3o3b

En realidad esto no es tan difícil

Puede colocar mucho texto si asi lo desea...

ING. MAYBEL GIL

ATRIBUTOS

IUTVAL

ENERO 2004 q

...
u Define el Encabezado u<TITLE> ... ØDefine el Título de la Página Web uTambién contiene los tags , ,

ING. MAYBEL GIL

, <META>, <STYLE> y <SCRIPT> q

uDefine el Cuerpo de la Página Web

q<!–- Comentario -->

ENERO 2004



TAGS DE LA ESTRUCTURA WEB q...

IUTVAL

PrimerHtml.htm

IUTVAL

ENERO 2004

Algunos TAGS contiene Atributos que permiten modificar el comportamiento de dicho TAG

Ejemplo:

...

ING. MAYBEL GIL

u No se despliega en el Browser pero si en el código

2

IUTVAL Sección: 02-a

Lenguajes Comerciales Prof . Maybel Gil

IUTVAL

REGLAS DE HTML

q Los documentos de HTML son estructurados.

ENERO 2004

q Los nombres de las etiquetas y los valores de los atributos no son sensibles a las mayúsculas u == == u

==

q Los valores de los atributos pueden ser sensibles a

ING. MAYBEL GIL u <>

mayúsculas.

ESTILOS DE PRESENTACIÓN IUTVAL Tamaño del Texto

ENERO 2004

qUsando HEADER Tag – Font Fijos u Desde 1 hasta 6 u header

q uEl Font por defecto en la página web uDesde 1 hasta 7

qFonts Relativos u o

ING. MAYBEL GIL u o <SMALL>

qFonts Variables

u ...

REGLAS DE HTML

IUTVAL

q Los nombres de las etiquetas no pueden contener espacios.

ENERO 2004

u no significa

q Los valores de los atributos pueden contener espacios si el valor está encerrado entre comillas. u u u

ING. MAYBEL GIL q Los documentos de HTML pueden contener comentarios



IUTVAL Cabeceras.htm

<TITLE>Ejemplo 2 - Cabeceras

ENERO 2004

Texto muy grand e H1 6w1qc

<TITLE>Ejemplo 9

2003ENERO 2004

uAtributos: ALIGN = { center | left | right}, TITLE

Texto

IUTVAL

DICIEMBRE

q

: Separación de Párrafos





IUTVAL FORMATO DE TEXTO

q... o <strong>...: Negrita q... o ... o <EM>: Itálica q<sup>...: Superíndice q<SUB>...: Subíndice q:... : Subrayado q
: Inserta un retorno de carro.

ING. MAYBEL GIL

FORMATO DE TEXTO IUTVAL

q

: Centra texto o imágenes.

ENERO 2004

q<Samp>...: Insertar texto con una fuente diferente q<STRIKE>... o <S>...: Tachado q<EM>... : Efecto especial q...: Texto formateado como una máquina de escribir. q ... : Parpadear (Netscape)

ING. MAYBEL GIL

q

: Define bloques o secciones con las mismas características. 5

IUTVAL Sección: 02-a



Lenguajes Comerciales Prof . Maybel Gil

IUTVAL

AtributosFont.htm

<TITLE>Ejemplo 8 – Atributos Font

ENERO 2004







<pre>

Texto subrayado.
Texto en cursiva.




T

E

X T

<STRIKE>Y otro texto tachado.


ING. MAYBEL GIL

Texto de muestra en negrita.

O

ING. MAYBEL GIL

PREFORMATEADO


Los espacios estan bien ! Al igual que los





ENERO 2004

Esto es

<S>Texto tachado.




Pre.htm



IUTVAL



RETORNOS!

IUTVAL

Blockquote.htm

<TITLE>Ejemplo 9 – Blockquote

ENERO 2004

La primera parte del curso constituye un tutorial de HTML. Ademas de los ejemplos...

ING. MAYBEL GIL

Esto es

IUTVAL

Pre.htm

ENERO 2004

T E X

T O

NO PREFORMATEADO
Los ESPACIOS Y RETORNOS se pierden !!!.

ING. MAYBEL GIL

Aunque hemos prestado atencion a la version....

6

IUTVAL Sección: 02-a

Lenguajes Comerciales Prof . Maybel Gil

IUTVAL

ATRIBUTO COLOR IUTVAL

CARACTERES ESPECIALES

ENERO 2004

q Acentos: & {carácter a acentuar} acute; é para la é ñ para la ñ í para la í ó para la ó

Ñ para la Ñ ü para la ü

ú para la ú

Ü para la Ü

Á para la Á

¿ para ¿

É para la É

¡ para ¡

ING. MAYBEL GIL

Í para la Í Ó para la Ó

XX = 2004 Cantidad de Rojo ENERO

# XXYYZZ

ZZ = Cantidad de Azul Código Hexadecimal 0..9 ABCDEF 00 à Menor FF à Mayor

ING. MAYBEL GIL Rojo: #FF0000 Blanco #FFFFFF Verde # 00FF00 Azul # 0000FF

Ú para la Ú

IUTVAL

q Código ASCII: &#Codigo ASCII; ENERO 2004 Caracteres de la “A” a la “Z” Caracteres de la “a” a la “z”

0 a 9 A a Z a a z

Negro # 000000 Amarillo #FFFF00

IUTVAL

CARACTERES ESPECIALES

Números del 0 al 9

YY = Cantidad de Verde

BLOQUES SEPARADORES

ENERO 2004

q


ØCLEAR ={left,right, all,none} q q

---

ØSIZE ØWIDTH

ING. MAYBEL GIL

ØALIGN = {LEFT,RIGHT, CENTER}

ING. MAYBEL GIL ØNOSHADE ={TRUE,FALSE} ØCOLOR

7

IUTVAL Sección: 02-a



Lenguajes Comerciales Prof . Maybel Gil

IUTVAL

Hr.htm



ENERO 2004

HR con tamaño 10

---

HR con ancho del 50% y sin sombra

Ancho de 200 pixeles, tamaño de 3 pixeles y sin sombra

Ancho de 100, alineado a la derecha

Ancho de 100 alineado al centro

ING. MAYBEL GIL





TAG IUTVAL q BGCOLOR

ENERO 2004

ØUse un nombre de color ( 16) ØO use un valor hexadecimal RBG q BACKGROUND : Imagen (.jpg o .gif) q TEXT: color del texto de la página

q LINK, VLINK, ALINK: color de los vínculos. q LEFTMARGIN, TOPMARGIN, BOTTOMMARGIN (IE)

ING. MAYBEL GIL

q BGPROPERTIES = {fixed} combinado con background

(IE)



BgProperties.htm

IUTVAL

<TITLE>Ejm 12 - BGPROPERTIES BODY ENERO 2004



Página web con una imagen fija de fondo.

Se trata de
visualizar la
página


moviéndonos
por ella


ING. MAYBEL GIL

mediante scroll
para
ver este efecto.


LISTAS IUTVAL q Listas de Definición

ENERO 2004

ØTérmino

ØDefinición

qListas Ordenada

ØItem

ØTYPE = 1,A,a,I,i ØSTART = ValorLista ØCOMPACT {browser-no soporta}

ING. MAYBEL GIL

qListas Desordenadas

ØTYPE = circle, disc, square

8

IUTVAL Sección: 02-a



Lenguajes Comerciales Prof . Maybel Gil

IUTVAL

ListasDef.htm



ENERO 2004

Definiciones 26116e

Internet

Nombre dado a la amplia red mundial de

redes...

Parte fija de la dirección utilizada para

representar una red o huésped en Internet

ING. MAYBEL GIL

IUTVAL

ListasDesord.htm

<TITLE>Ejm 14 - Listas Desordenadas ENERO 2004

Lista desordenada:

• Con círculo

• Cuadrado relleno
  
  ING. MAYBEL GIL
  
  

Círculo relleno (por defecto)



ENERO 2004

Las listas ordenadas pueden ser muy sencillas

1. elemento 1
2. Elemento 2

   Las listas ordenadas pueden ser de varios tipos

   
   
   
   1. Letras minúsculas
      
      ING. MAYBEL GIL
      
      
   2. Números romanos en minúscula
   3. Números arábigos
   
   
   
   
   
   
   
   ListasOrd.htm
   
   

Dominio

IUTVALO



IUTVAL



ListasOrd.htm

Las listas pueden comenzar en diferentes valores

ENERO 2004

10. esto debería ser j
    
    
    
    1. Las listas se pueden anidar
       
       
       
       1. hasta una profundidad cualquiera
          
          
       
       
       ING. MAYBEL GIL
       
       

9

IUTVAL Sección: 02-a

Lenguajes Comerciales Prof . Maybel Gil

TAG IUTVAL

q SRCENERO = { File: .jpg| .gif | .png | tiff} 2004 q ALIGN {left, right, top, middle, bottom}

IUTVAL



ImgAlign.htm

<TITLE>Ejm 17 - Align

ENERO 2004

q BORDER = “#”



q HSPACE, VSPACE q WIDTH, HEIGHT



TOPMARGIN="40" LEFTMARGIN="80" RIGHTMARGIN="80"> COLOR=#FFFFFF SIZE=+1 FACE="Verdana, Arial">Hay que

q LOWSRC MAYBEL q ING. ALT =“ Ayuda Flotante”GIL

IUTVAL

VSpaceHSpace.htm



ENERO 2004

<TITLE> Ejm 16 - Vspace y Hspace Imagen cuidar el lugar en el que vivimos, el cuál nos proporciona todo lo que necesitamos.


ING. MAYBEL GIL





TEXTO EN MOVIMIENTO

IUTVAL

q <marquee> ... (IE)

ØBehavior = { scroll | alternate | slide}

ENERO 2004



ØBgcolor {color} ØScrollAmount : Número de pixeles que

Arial">Texto a un lado, 

ØScrollDelay





ING. MAYBEL GIL

  y texto al otro lado.



recorrerá el texto en su desplazamiento milisegundos

ØWidth

{px}

: Retardo medido en ØHeight {px}

ØDirection = {left(default), right}

ING. MAYBEL GIL ØLoop = {infinite (default), -1, entero} Øalign = { bottom | left | right | top} Ødirection = { down | left | right | up}

10

IUTVAL Sección: 02-a



Lenguajes Comerciales Prof . Maybel Gil

MarqueeBehavior.htm

IUTVAL

<TITLE>Ejm 18 -Behavior MARQUEE ENERO 2004

<MARQUEE BEHAVIOR=scroll>

Texto deslizante de ejemplo - scroll - ...






































TABLAS IUTVAL ENERO 2004 Texto deslizante de ejemplo - alternate - ... <MARQUEE BEHAVIOR=alternate> ING. MAYBEL GIL <MARQUEE BEHAVIOR=slide> Texto deslizante de ejemplo - slide - ... ING. MAYBEL GIL

Título Tabla

Header Celda 1	Header Celda 2
Data Celda 1	Data Celda 2

TABLAS IUTVAL q











<MARQUEE BEHAVIOR=alternate BGCOLOR=yellow DIRECTION=up LOOP=6 SCROLLAMOUNT=1 SCROLLDELAY=40> Texto deslizante de ejemplo - alternate - ...

ING. MAYBEL GIL













IUTVAL Marquee.htm <TITLE>Ejm 19 - Marquee ENERO 2004 Ø Bordercolor, border, bordercolorlight, ENERO 2004 bordercolordark, align, cellspacing, cellpadding, width, height, valign (top, bottom, center} q Ø Bordercolor, bgcolor, align, height, ING. MAYBEL GIL valign q

- No muy usado Ø Align {top|bottom} q

,

Ø Background, align, width, height, valign, nowrap, rowspan, colspan 11 IUTVAL Sección: 02-a IUTVAL Tabla.htm <TITLE>Atributo color de fondo Ejemplo básico de una tabla aprovechando las características de color y formato de fondo y texto. ENERO 2004 ING. MAYBEL GIL IUTVAL Ganadores del concurso Nombre Apellido Premio Antonio López 1 coche María Jiménez 1 viaje ENERO 2004 ING. MAYBEL GIL Lenguajes Comerciales Prof . Maybel Gil Cellpading.htm <TITLE><Espacio Cellpadding Ejemplo básico de una tabla con espacios en blanco entre celdas. IUTVAL ENERO 2004 ING. MAYBEL GIL IUTVAL Ganadores del concurso Nombre Apellido Premio Antonio López 1 coche María Jiménez 1 viaje ENERO 2004 ING. MAYBEL GIL 12 IUTVAL Sección: 02-a Lenguajes Comerciales Prof . Maybel Gil COLSPAN IUTVAL TABLAS ANIDADAS IUTVAL3 ENERO 2004 Head1 A B 1 2 2004 ENERO Head2 C Head 3 Head 4 Head 5 Head 6 A B C E F G H ING. MAYBEL GIL ING. MAYBEL GIL Item B 1 2 3 4 D ING. MAYBEL GIL Item 4 ENERO 2004 Texto ROJO Texto VERDE Texto AZUL C Item 2 IUTVAL FONDO DE COLORES IUTVAL A 6 Item 1 Item A ROWSPAN ENERO 2004 4 5 D D Texto AMARILLO ING. MAYBEL GIL 13 IUTVAL Sección: 02-a Lenguajes Comerciales Prof . Maybel Gil IUTVAL ENLACES q Tag Anchor ENERO 2004 ØHREF : dirección ØTarget: Abrir otra página • Self : misma página _blank : nueva página _top : _blank (sin frames) _parent = _self (parent frame) ØTitleMAYBEL GIL ING. ENLACES IUTVAL q Tag Anchor ØPáginas distintas ENERO 2004 • Texto del enlace protocol: http, ftp, news, telnet, mailto . • ØMisma página Enlace Pulse ... ING. MAYBEL GIL ØCorreo Electrónico • Nombre TiposEnlace.htm <TITLE>Varios enlaces Diferentes tipos de URLs 5h3t2m Enlace con   Microsoft. Enlace al servidor FTP de Mozilla IUTVAL ENERO 2004 ING. MAYBEL GIL IUTVAL Enlace a la unidad C de su ordenador Enlace a mailto:: @bienvenidos.es Enlace a las News de Microsoft Conéctate al buzón de correo con la consola o Telnet: Consola de correo ENERO 2004 ING. MAYBEL GIL 14 IUTVAL Sección: 02-a AtributoBodyLink.htm <TITLE>Atributo Link Body e Imagen link Enlace con   Microsoft. IUTVAL ENERO 2004 ING. MAYBEL GIL IUTVAL ENLACES MISMA PÁGINA q : indica el lugar de la página en el cual se realizará el enlace. ENERO 2004 q : se le asigna el nombre identificado en la etiqueta Name. Enlazar Salta ING. MAYBEL GIL Lenguajes Comerciales Prof . Maybel Gil EnlacePag.htm <TITLE>Enlace misma pagina IUTVAL ENERO 2004 ING. MAYBEL GIL IUTVAL Introducción Este es el texto de la introducción. Aquí ponemos la introducción del tutorial. Nota: Para poder visualizar adecuadamente este ejemplo, reduzca la ventana a una tamaño suficiente para comprobar el funcionamiento de los enlaces dentro de una misma página. Volver al índice ENERO 2004-01-12 ING. en la otra lamina 15 IUTVAL Sección: 02-a IUTVAL Capítulo 1 Este es el texto del capítulo 1. Aquí, representamos el capítulo 1 entero. Sus imágenes, textos, explicaciones, código, ejemplos, etc. Volver al índice ENERO 2004 ING. MAYBEL GIL MenuEnlace.htm Contenido: o con la Escuela. IUTVAL ENERO 2004 ING. MAYBEL GIL Lenguajes Comerciales Prof . Maybel Gil MULTIMEDIA IUTVAL q <sound> Sonido corto ( Mosaic) ENERO 2004 ØSCR : wav ØLoop {infinite}, Delay q : Sonido de fondo. (IE) ØSCR: {wav,midi,au} ØBalance : +-100000 ØLoop : -1 a Loop (omite sonido una sóla vez) ING. MAYBEL GIL ØVolumen: -10000 y0 MULTIMEDIA IUTVAL q <embed> Sonido ENERO 2004 ØSCR : midi, wav ( Netscape) ØLoop {true} ØHidden = {true} = Consola invisible ØWidth, Height : Anchura de la consola ØHeight ØAutostart: Arranca automáticamente ING. MAYBEL GIL 16 IUTVAL Sección: 02-a Lenguajes Comerciales Prof . Maybel Gil IUTVAL MultimiediaWav.htm MultimiediaMidi2.htm IUTVAL <TITLE>Formato WAV <TITLE>MIDI_BAMBA Wav. formato Midi. ING. MAYBEL GIL

ENERO 2004



MultimiediaMidi.htm IUTVAL

ENERO 2004

<TITLE>Formato MIDI ING. MAYBEL GIL



ENERO 2004

ING. MAYBEL GIL





MultimiediaMidi3.htm IUTVAL

<TITLE>Sonido por el

ENERO 2004



ING. MAYBEL GIL



17

IUTVAL Sección: 02-a

Lenguajes Comerciales Prof . Maybel Gil

BIBLIOGRAFÍA Powell, Thomas A. 1998. Manual de Referencia HTML. Editorial McGraw Hill. España. 1066 pp. Serrano P., Jorge. 2000. Programación con ASP. Editorial ANAYA Multimedia. Madrid España. 622 pp. Enciclopedia Diseño Gráfico y Programación para Internet y Multimedia. Codesis. TomoII. Bogotá, Colombia. http://archive.ncsa.uiuc.edu/general/internet/WWW/HTMLPrimerPrintable.html. http://www.webestilo.com/html/cap4a.phtml http://www.tejedoresdelweb.com/basico/definiciones/default.f.html http://www.appdev.com (Active Server Pages (ASP) Professional Skills Development Level 1). http://www.wmaestro.com/webmaestro/index.html http://www.maestrosdelweb.org/ http://www.cwru.edu/help/interHTML/ch4.html http://www.sestud.uv.es7manual.es http://html.about.com/compute/html/msubforms.htm?iam=mt http://WWW.tripod.lycos.es//topics/technic/html/html - workshop8/0/ http://serstud.uv.es/manual.es/manual.zip

18

---

Related Documents c2h70

Curso Basico Html ym28

September 2020 0

Taller Html Basico 1u5m5t

April 2021 0

Evaluacion De Html Basico 2z1x2n

June 2021 0

Curso Html 5 4n5t1y

August 2022 0

Curso Basico Grafotecnia 6f1r4q

November 2020 0

Curso Basico view 3v3m1g

November 2020 0

Copyright © 2025 IDOUB.