Ayuda HTML

LENGUAJE DE MARCAS - TEMA 2: HTML

ALEJANDRO ORTEGA FREIRE

1ºASIR

LENGUAJE DE MARCAS - TEMA 2: HTML

ALEJANDRO ORTEGA FREIRE

1ºASIR

COLORRGB

LENGUAJEDEMARCAS—TEMA2:HTML
ESTRUCTURADELDOCUMENTOHTML
DOCTYPE:tipodeldocumento
x GRAMÁTICAESTRICTA


൏Ǩ̶ǦȀȀ͵ȀȀͶǤͲͳȀȀ̶

̶Š––’ǣȀȀ™™™Ǥ™͵Ǥ‘”‰ȀȀŠ–ŽͶȀ•–”‹…–Ǥ†–†̶൐

xGRAMÁTICATRANSICIONAL



൏Ǩ̶ǦȀȀ͵ȀȀͶǤͲͳȀȀ̶

̶Š––’ǣȀȀ™™™Ǥ™͵Ǥ‘”‰ȀȀŠ–ŽͶȀŽ‘‘•‡Ǥ†–†̶൐


x DOCUMENTOHTMLCONMARCOS


൏Ǩ̶ǦȀȀ͵ȀȀͶǤͲͳȀȀ̶

̶Š––’ǣȀȀ™™™Ǥ™͵Ǥ‘”‰ȀȀŠ–ŽͶȀˆ”ƒ‡•‡–Ǥ†–†̶൐

FORMATODELTEXTO
ENCABEZADOS

ESTRUCTURA
൏Š–ŽšŽ•ൌ̶Š––’ǣȀȀ™™™Ǥ™͵Ǥ‘”‰ȀͳͻͻͻȀšŠ–Ž̶šŽǣŽƒ‰ൌ̶‡̶Žƒ‰ൌ̶‡̶൐
൏Š‡ƒ†൐
൏–‹–Ž‡൐–À–—Ž‘’‡•–ƒÓƒƒ˜‡‰ƒ†‘”൏Ȁ–‹–Ž‡൐

൏‡–ƒȀ൐
൏ȀŠ‡ƒ†൐
൏„‘†›൐
൏Ȁ„‘†›൐
൏ȀŠ–Ž൐

principiodeldocumentohtml
comienzodelacabecera

nombredelapestañaenelnavegador

metadatos
findelacabecera
comienzodelcuerpodeldocumento
cierredelcuerpodeldocumento
findeldocumentohtml

HEAD
δŠ‡ƒ†εδȀŠ‡ƒ†εcabeceradeldocumentohtmlδ–‹–Ž‡εδȀ–‹–Ž‡εnombrequeapareceenlapestañadelnavegador
䏇–ƒȀεmetadatosdeldocumento

BODY
δ„‘†›εδȀ„‘†›εcuerpodeldocumentohtml



ATRIBUTOS
δ„‘†›„‰…‘Ž‘”αDz…׆‹‰‘
dzεdefineelcolordelfondodelapágina(pordefectoblanco)

δ„‘†›–‡š–αDz…׆‹‰‘
dzε defineelcolordeltextodelapágina(pordefectonegro)

δ„‘†›Ž‹αDz…׆‹‰‘
dzεdefineelcolorpordefectodelosenlacesolinks(pordefecto


azul)

δ„‘†›˜Ž‹αDz…׆‹‰‘
dzε defineelcolordelosenlacesvisitados(pordefectomorado)

δ„‘†›ƒŽ‹αDz…׆‹‰‘
dzε define el color de los enlaces activos, esto es, en el momento de


hacerclicksobreellos(pordefectorojos)

δ„‘†›„ƒ…‰”‘—†αdz—”Ždzε rellenaelfondoconunaimagen.Paradecirledóndeestá





tendremos que especificar su ruta en el URL una dirección válida






(porejemplo:http://www.google.es)
-1-

δŠͳεδȀŠͳεδŠʹεδȀŠʹεδŠ͵εδȀŠ͵εδŠͶεδȀŠͶεδŠͷεδȀŠͷεδŠ͸εδȀŠ͸ε

δŠ͓εδȀŠ͓ε encabezados (títulos) del documento. Van desde el 1 hasta al 6 de mayor a menor

tamaño


ATRIBUTOS
δŠ͓ ƒŽ‹‰αDzƒŽ‹‡ƒ…‹×dzε definela alineación del título (“left”= izquierda | “right” = derecha |

“center”=centrado)

CONTROLDELALETRA
δˆ‘–εδȀˆ‘–εcuerpodeldocumentohtml



ATRIBUTOS
δˆ‘–•‹œ‡αDz–ƒƒÓ‘†‡ŽƒŽ‡–”ƒdzεdefineeltamañodelaletra.Eltamañovade1a7
δˆ‘–ˆƒ…‡αDz–‹’‘†‡Ž‡–”ƒͳǡ–‹’‘ʹǡǤǤǤdzεdefinelafuente(eltipodeletra)quesemuestra
δˆ‘–…‘Ž‘”αDz…׆‹‰‘dzεdefineelcolordeltexto(pordefectonegro)

MODIFICADORESBÁSICOSDELETRA
δ„εδȀ„εtextoennegrita
δ‹εδȀ‹εtextoencursiva
δ—εδȀ—εtextosubrayado
δ•εδȀ•εtextotachado
δ•—„εδȀ•—„εsubíndice
δ•—’εδȀ•—’εsuperíndice
δ„Ž‘…“—‘–‡εδȀ„Ž‘…“—‘–‡εtabulador
δ“εδȀ“εcita(quote).Eltextoapareceentrecomillas
-2-

LENGUAJE DE MARCAS - TEMA 2: HTML

ALEJANDRO ORTEGA FREIRE1ºASIR

δƒ…”‘›εδȀƒ…”‘›εacrónimo
䃄”εδȀƒ„”εtextoqueesunaabreviatura
δ•–”‘‰εδȀ•–”‘‰εletragruesa(negrita)
䇏εδȀ‡εletraenfatizada(cursiva)
δ…‹–‡εδȀ…‹–‡εeltextoesunacita.Semuestraencursiva
δ„‹‰εδȀ„‹‰εhacemásgrandelaletra
䕏ƒŽŽεδȀ•ƒŽŽεhacemáspequeñalaletra

COMENTARIOSinsertacomentarios.Textoquenoapareceenlapágina,sinoquesirvecomoaclara

ciónocomentario.

LENGUAJE DE MARCAS - TEMA 2: HTML

ALEJANDRO ORTEGA FREIRE

1ºASIR

LISTAS
LISTASDEDEFINICIÓN





definición




…‘‹‡œ‘†‡ŽƒŽ‹•–ƒ†‡†‡ˆ‹‹…‹×ȋ‡ˆ‹‹–‹‘‹•–Ȍ

…‘‹‡œ‘†‡Ž’”‹‡”–±”‹‘†‡ŽƒŽ‹•–ƒȋ‡ˆ‹‹–‹‘‡”Ȍ


†‡ˆ‹‹…‹×†‡Ž’”‹‡”–±”‹‘ȋ‡ˆ‹‹–‹‘ƒ–ƒȌ
...