SlideShare una empresa de Scribd logo
1 de 12
LA BIBLIA DE
    HTML
LAS BASES
                Internet y la Web
•   A vista de pájaro
•   Redes de ordenadores
•   Redes de redes
•   Aplicaciones en la red de redes: la WWW
•   Protocolos y lenguajes
•   Direcciones y localización de recursos
•   Servidores, clientes y herramientas
•   Resumen
LENGUAJES DE MARCAS

• El origen de los lenguajes de marcas
• Declaración SGML
• Definición de tipo de documento, elementos,
  atributos
• Especificación del nuevo lenguaje HTML y su
  estructura
• Elementos y marcas
• Lenguajes de marcas extensibles
 XML, XHTML, el HTML del futuro
Nuestra Primera Página


Documentos y archivos El documento más simple
• Procedimiento en       • HTML y los espacios en
  Windows                  blanco
• Procedimiento en       • Delimitación del
  GNU/Linux                encabezado
• Procedimiento en Mac   • El título de la página
  OS X                   • Delimitación de las partes
                           del documento
                         • Declaración de tipo de
                           documento
El documento más                     •   Contenido del elemento HEAD
  simple                             •   Atributos del elemento BODY
•   HTML y los espacios en blanco    •   Atributos de evento
•   Delimitación del encabezado      •   Atributos de estilo
•   El título de la página           •   Una versión mejorada del
                                         documento
•   Delimitación de las partes del
    documento                        •   Atributos de los elementos H1-
                                         H6
•   Declaración de tipo de
    documento                        •   Conjuntos de caracteres y
                                         entidades
•   Estructura general de un
    documento HTML                   •   Alojamiento de la página en el
                                         servidor
•   Atributos del elemento HTML
Distribución del texto

•   División del texto en párrafos   •   Estilos de letra
•   El elemento P                    •   Listas de elementos
•   Alineación del texto             •   Composición general de listas
•   Saltos de línea manuales         •   Listas ordenadas
•   División de palabras: guiones    •   Listas no ordenadas
    y espacios irrompibles           •   Atributos de los elementos
•   Elementos visibles de división   •   Listas anidadas
•   Anchos, altos y otras medidas    •   Listas de definiciones
•   Atributos de tipo boolean        •   Texto con formato previo
•   Líneas de distintos estilos
Distribución del texto

    División del texto en       Elementos visibles de
           párrafos                    división
•   El elemento P              • Anchos, altos y otras
•   Alineación del texto         medidas
•   Saltos de línea manuales   • Atributos de tipo boolean
•   División de palabras:      • Líneas de distintos estilos
    guiones y espacios
    irrompibles
Inserción de hipervínculos

    Marcadores y enlaces                 Hipervínculos a
          internos                       recursos externos

•   Inserción de marcadores de     •   Caracteres a evitar en los URL
    posición                       •   URL absolutos y relativos
•   Enlaces de acceso a los        •   URL y marcadores
    marcadores                     •   Relaciones entre documentos
•   Formato de los hipervínculos       enlazados
•   Selectores, propiedades y      •   Tipos de URL
    valores
Agrupación de elementos en
             una página
• Control del área                Alineación vertical y
  asignada a un bloque              altura de línea
•   Márgenes externos             •   En la práctica
•   Márgenes internos             •   Márgenes y bordes para
•   Dimensiones de los bloques        elementos en línea
•   Tamaño de los bloques y
    anidación
•   Configuración de los bordes
•   Márgenes y bordes en otros
    elementos
Diseño de tablas

Estructura de
                              •   Líneas de la tabla
  elementos de una            •   Celdillas de títulos y datos
  tabla                       •   Relaciones entre títulos y
•   El elemento TABLE             datos
•   Dimensiones, márgenes y   •   Celdas que ocupan varias
    alineación                    columnas y filas
•   Bordes de la tabla
•   El elemento CAPTION
•   Grupos de columnas
•   Grupos de filas

Más contenido relacionado

La actualidad más candente (12)

Hojas de Estilo CSS
Hojas de Estilo CSSHojas de Estilo CSS
Hojas de Estilo CSS
 
Diagrama belen urquizo
Diagrama belen urquizoDiagrama belen urquizo
Diagrama belen urquizo
 
Presentación3
Presentación3Presentación3
Presentación3
 
elementos de una hoja de calculo fernando
elementos de una hoja de calculo fernandoelementos de una hoja de calculo fernando
elementos de una hoja de calculo fernando
 
Html
HtmlHtml
Html
 
Html1
Html1Html1
Html1
 
Informaciones en la nube campo rojas joel jack
Informaciones en la nube campo rojas joel jackInformaciones en la nube campo rojas joel jack
Informaciones en la nube campo rojas joel jack
 
Branding en Sharepoint 2010
Branding en Sharepoint 2010Branding en Sharepoint 2010
Branding en Sharepoint 2010
 
Css
CssCss
Css
 
Html
HtmlHtml
Html
 
Clase01
Clase01Clase01
Clase01
 
Hablando de css
Hablando de cssHablando de css
Hablando de css
 

Destacado

Aircrack ng: comandos básicos
Aircrack ng: comandos básicosAircrack ng: comandos básicos
Aircrack ng: comandos básicos
JIvanC
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
kksspp
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
tomyycerr
 

Destacado (17)

Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
 
APRENDER Html
APRENDER HtmlAPRENDER Html
APRENDER Html
 
Blogs2
Blogs2Blogs2
Blogs2
 
MANUAL PARA CREAR UNA BASE DE DATOS
MANUAL PARA CREAR UNA BASE DE DATOSMANUAL PARA CREAR UNA BASE DE DATOS
MANUAL PARA CREAR UNA BASE DE DATOS
 
Aircrack ng: comandos básicos
Aircrack ng: comandos básicosAircrack ng: comandos básicos
Aircrack ng: comandos básicos
 
Manual html-actualizaasddo
Manual html-actualizaasddoManual html-actualizaasddo
Manual html-actualizaasddo
 
Html 1
Html 1Html 1
Html 1
 
¿Cómo y por qué aprender HTML y CSS?
¿Cómo y por qué aprender HTML y CSS?¿Cómo y por qué aprender HTML y CSS?
¿Cómo y por qué aprender HTML y CSS?
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
EDUCACIÓN EN GUATEMALA
EDUCACIÓN EN GUATEMALAEDUCACIÓN EN GUATEMALA
EDUCACIÓN EN GUATEMALA
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
REALIDAD NACIONAL DE GUATEMALA 2014.
REALIDAD NACIONAL DE GUATEMALA 2014.REALIDAD NACIONAL DE GUATEMALA 2014.
REALIDAD NACIONAL DE GUATEMALA 2014.
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Creacion de paginas web
Creacion de paginas webCreacion de paginas web
Creacion de paginas web
 
ESTADISTICA 2007
ESTADISTICA 2007ESTADISTICA 2007
ESTADISTICA 2007
 
curso de html
curso de htmlcurso de html
curso de html
 

Similar a Diaposf 1

normas apa de universidad central del ecuador
normas apa de universidad central del ecuadornormas apa de universidad central del ecuador
normas apa de universidad central del ecuador
ssuser6f9d7a
 

Similar a Diaposf 1 (20)

Lenguaje HTML y CSS
Lenguaje HTML y CSSLenguaje HTML y CSS
Lenguaje HTML y CSS
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Normas apa
Normas apaNormas apa
Normas apa
 
Blogger
BloggerBlogger
Blogger
 
Normas apa222
Normas apa222Normas apa222
Normas apa222
 
Normas apa222
Normas apa222Normas apa222
Normas apa222
 
CODIGO HTML
CODIGO HTMLCODIGO HTML
CODIGO HTML
 
html
htmlhtml
html
 
normas apa de universidad central del ecuador
normas apa de universidad central del ecuadornormas apa de universidad central del ecuador
normas apa de universidad central del ecuador
 
Presentacion_tutorial_de_normas_APA.pdf
Presentacion_tutorial_de_normas_APA.pdfPresentacion_tutorial_de_normas_APA.pdf
Presentacion_tutorial_de_normas_APA.pdf
 
Normas apa
Normas apaNormas apa
Normas apa
 
Normas apa
Normas apaNormas apa
Normas apa
 
Normas APA UNITEC
Normas APA UNITECNormas APA UNITEC
Normas APA UNITEC
 
Normas apa para elaborar trabajos.
Normas apa para elaborar trabajos.Normas apa para elaborar trabajos.
Normas apa para elaborar trabajos.
 
UTILIZACIÓN DE NORMAS APA.-
UTILIZACIÓN DE NORMAS APA.-UTILIZACIÓN DE NORMAS APA.-
UTILIZACIÓN DE NORMAS APA.-
 
Normas APA
Normas APANormas APA
Normas APA
 
Html
HtmlHtml
Html
 
Seo
SeoSeo
Seo
 
Creacion lenguajes
Creacion lenguajesCreacion lenguajes
Creacion lenguajes
 
Taller de creación de blog marzo 2012 1ª parte
Taller de creación de blog marzo 2012 1ª parteTaller de creación de blog marzo 2012 1ª parte
Taller de creación de blog marzo 2012 1ª parte
 

Diaposf 1

  • 2. LAS BASES Internet y la Web • A vista de pájaro • Redes de ordenadores • Redes de redes • Aplicaciones en la red de redes: la WWW • Protocolos y lenguajes • Direcciones y localización de recursos • Servidores, clientes y herramientas • Resumen
  • 3. LENGUAJES DE MARCAS • El origen de los lenguajes de marcas • Declaración SGML • Definición de tipo de documento, elementos, atributos • Especificación del nuevo lenguaje HTML y su estructura • Elementos y marcas • Lenguajes de marcas extensibles XML, XHTML, el HTML del futuro
  • 4. Nuestra Primera Página Documentos y archivos El documento más simple • Procedimiento en • HTML y los espacios en Windows blanco • Procedimiento en • Delimitación del GNU/Linux encabezado • Procedimiento en Mac • El título de la página OS X • Delimitación de las partes del documento • Declaración de tipo de documento
  • 5. El documento más • Contenido del elemento HEAD simple • Atributos del elemento BODY • HTML y los espacios en blanco • Atributos de evento • Delimitación del encabezado • Atributos de estilo • El título de la página • Una versión mejorada del documento • Delimitación de las partes del documento • Atributos de los elementos H1- H6 • Declaración de tipo de documento • Conjuntos de caracteres y entidades • Estructura general de un documento HTML • Alojamiento de la página en el servidor • Atributos del elemento HTML
  • 6. Distribución del texto • División del texto en párrafos • Estilos de letra • El elemento P • Listas de elementos • Alineación del texto • Composición general de listas • Saltos de línea manuales • Listas ordenadas • División de palabras: guiones • Listas no ordenadas y espacios irrompibles • Atributos de los elementos • Elementos visibles de división • Listas anidadas • Anchos, altos y otras medidas • Listas de definiciones • Atributos de tipo boolean • Texto con formato previo • Líneas de distintos estilos
  • 7.
  • 8. Distribución del texto División del texto en Elementos visibles de párrafos división • El elemento P • Anchos, altos y otras • Alineación del texto medidas • Saltos de línea manuales • Atributos de tipo boolean • División de palabras: • Líneas de distintos estilos guiones y espacios irrompibles
  • 9. Inserción de hipervínculos Marcadores y enlaces Hipervínculos a internos recursos externos • Inserción de marcadores de • Caracteres a evitar en los URL posición • URL absolutos y relativos • Enlaces de acceso a los • URL y marcadores marcadores • Relaciones entre documentos • Formato de los hipervínculos enlazados • Selectores, propiedades y • Tipos de URL valores
  • 10.
  • 11. Agrupación de elementos en una página • Control del área Alineación vertical y asignada a un bloque altura de línea • Márgenes externos • En la práctica • Márgenes internos • Márgenes y bordes para • Dimensiones de los bloques elementos en línea • Tamaño de los bloques y anidación • Configuración de los bordes • Márgenes y bordes en otros elementos
  • 12. Diseño de tablas Estructura de • Líneas de la tabla elementos de una • Celdillas de títulos y datos tabla • Relaciones entre títulos y • El elemento TABLE datos • Dimensiones, márgenes y • Celdas que ocupan varias alineación columnas y filas • Bordes de la tabla • El elemento CAPTION • Grupos de columnas • Grupos de filas