SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NACIONAL NICOLÁS ESQUERRA
“EDIFICAMOS FUTURO”

Delgado Rodríguez Owen Mauricio
905

Definición:
Que es HTML.
Etiquetas de HTML
Block de notas.

Que es HTML.

El HTML es el lenguaje con el que se escriben las páginas web. Es un lenguaje
de hipertexto, es decir, un lenguaje que permite escribir texto de forma
estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin
de cada elemento del documento.
Un documento hipertexto no sólo se compone de texto, puede contener
imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como
un documento multimedia.
Los documentos HTML deben tener la extensión HTML o htm, para que puedan
ser visualizados en los navegadores (programas que permiten visualizar las
páginas web).
Los navegadores se encargan de interpretar el código HTML de los
documentos, y de mostrar a los usuarios las páginas web resultantes del código
interpretado.
Etiquetas

Las etiquetas o marcas delimitan cada uno de los elementos que
componen un documento HTML. Existen dos tipos de etiquetas, la
de comienzo de elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >.
Está compuesta por el identificador o nombre de la etiqueta, y
puede contener una serie de atributos opcionales que permiten
añadir ciertas propiedades. Su sintaxis es: <identificador atributo1
atributo2 ...>
Los atributos de la etiqueta de comienzo siguen una sintaxis
predefinida y pueden tomar cualquier valor propio del usuario,
o valores HTML predefinidos.
La etiqueta de final está delimitada por los caracteres </ y >. Está
compuesta por el identificador o nombre de la etiqueta, y no
contiene atributos. Su sintaxis es: </identificador>
Cada uno de los elementos de la página se encontrará entre una
etiqueta de comienzo y su correspondiente etiqueta de cierre, a
excepción de algunos elementos que no necesitan etiqueta de
cierre. También es posible anidar etiquetas, es decir, insertar
etiquetas entre otras etiquetas de comienzo y de cierre.
A continuación tenemos un ejemplo en el que tenemos la
etiqueta <font..> anidada dentro de la etiqueta <p..>.:
<p align="center"><font color="#993366" size="4" face="Com
ic Sans MS, Arial, MS Sans Serif">Bienvenidos a
www.aulaclic.com</font></p>
Block de notas.

Siempre que se abre el bloc de notas aparece un documento en
blanco.
A la hora de escribir en él, funciona como cualquier otro editor de
texto, basta con situar el cursor en el documento y escribir.
Es recomendable insertar una nueva línea para cada nueva
etiqueta HTML, ya que resulta más facil trabajar de este modo.
Si escribiéramos todo el código seguido nos resultaría difícil
interpretarlo, por ello es preferible programar insertando las
etiquetas por separado, en diferentes líneas.
A través del menú Formato, opción Fuente, puedes cambiar la
fuente de todo el documento. Si lo deseas, puedes hacer la letra
algo más grande o pequeña.
Para abrir un documento, puedes utilizar cualquiera de las
siguientes operaciones una vez abierto el Bloc de notas.
Pulsar la combinación de teclas Ctrl+A.
Hacer clic sobre el menú Archivo y elegir la opción Abrir.
Nota: Como el Bloc de notas sirve originalmente para escribir
documentos de texto, cuando le decimos Abrir, por defecto nos
muestra los documentos con extensión .txt, nuestras páginas tienen
la extensión .htm o html, por lo que debemos cambiar en el cuadro
de diálogo abrir el tipo de archivo para visualizarlos todos y poder
ver así nuestras páginas.
Para abrir un documento nuevo, puedes utilizar cualquiera de las
siguientes operaciones.
Pulsar la combinación de teclas Ctrl+N.
Hacer clic sobre el menú Archivo y elegir la opción Nuevo.
Para guardar un documento, puedes utilizar cualquiera de las
siguientes operaciones.
Pulsar la combinación de teclas Ctrl+G.
Hacer clic sobre el menú Archivo y elegir la opción Guardar.

A la hora de guardar un documento no debes olvidar guardarlo
con la extensión htm o html. Por ejemplo, puedes guardar un
documento con el nombre mipagina.htm.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (11)

Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Trabajo de definiciones
Trabajo de definicionesTrabajo de definiciones
Trabajo de definiciones
 
Office word arnold
Office word arnoldOffice word arnold
Office word arnold
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Navegadores
NavegadoresNavegadores
Navegadores
 

Destacado

PORTAFOLIO MONICA ARCALLA
 PORTAFOLIO MONICA ARCALLA PORTAFOLIO MONICA ARCALLA
PORTAFOLIO MONICA ARCALLAMonica Arcalla
 
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...IIBA_Latvia_Chapter
 
TOPOGRAFIA MANUAL
TOPOGRAFIA MANUALTOPOGRAFIA MANUAL
TOPOGRAFIA MANUALMayT0n
 
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...'Design Science Evaluation for Enterprise Architecture Business Value Assessm...
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...IIBA_Latvia_Chapter
 
Festplatte
FestplatteFestplatte
FestplatteRudi2014
 
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...'HL7 CDA modeling and development for Latvian National Electronic Health Reco...
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...IIBA_Latvia_Chapter
 
Nutricia Cares about Training_Suplementos
Nutricia Cares about Training_SuplementosNutricia Cares about Training_Suplementos
Nutricia Cares about Training_SuplementosNutricia Portugal
 
Ntcsii tarea
Ntcsii tareaNtcsii tarea
Ntcsii tarearositama
 
Temas 9 y 10 reino animal
Temas 9 y 10 reino animalTemas 9 y 10 reino animal
Temas 9 y 10 reino animalpacobueno1968
 
Aula de historia ditadura militar Parte II 64 pérysson
Aula de historia   ditadura militar Parte II 64 péryssonAula de historia   ditadura militar Parte II 64 pérysson
Aula de historia ditadura militar Parte II 64 péryssonPérysson Nogueira
 
Diapositva aquiles
Diapositva aquilesDiapositva aquiles
Diapositva aquilesvicrose
 

Destacado (20)

Htlm
HtlmHtlm
Htlm
 
PORTAFOLIO MONICA ARCALLA
 PORTAFOLIO MONICA ARCALLA PORTAFOLIO MONICA ARCALLA
PORTAFOLIO MONICA ARCALLA
 
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...
'Usage of business processes models: Theory and Practice by J.Bicevskis, G. K...
 
TOPOGRAFIA MANUAL
TOPOGRAFIA MANUALTOPOGRAFIA MANUAL
TOPOGRAFIA MANUAL
 
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...'Design Science Evaluation for Enterprise Architecture Business Value Assessm...
'Design Science Evaluation for Enterprise Architecture Business Value Assessm...
 
Festplatte
FestplatteFestplatte
Festplatte
 
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...'HL7 CDA modeling and development for Latvian National Electronic Health Reco...
'HL7 CDA modeling and development for Latvian National Electronic Health Reco...
 
Butlletí març abril 12
Butlletí març abril 12Butlletí març abril 12
Butlletí març abril 12
 
Grammer book
Grammer bookGrammer book
Grammer book
 
La Casa del Padre
La Casa del PadreLa Casa del Padre
La Casa del Padre
 
Tubes basdat
Tubes basdatTubes basdat
Tubes basdat
 
Nutricia Cares about Training_Suplementos
Nutricia Cares about Training_SuplementosNutricia Cares about Training_Suplementos
Nutricia Cares about Training_Suplementos
 
ANIVERSARIO DA ESCOLA
ANIVERSARIO DA ESCOLAANIVERSARIO DA ESCOLA
ANIVERSARIO DA ESCOLA
 
E41
E41E41
E41
 
Ntcsii tarea
Ntcsii tareaNtcsii tarea
Ntcsii tarea
 
Temas 9 y 10 reino animal
Temas 9 y 10 reino animalTemas 9 y 10 reino animal
Temas 9 y 10 reino animal
 
Empresa y números
Empresa y númerosEmpresa y números
Empresa y números
 
Efecto antiguo
Efecto antiguoEfecto antiguo
Efecto antiguo
 
Aula de historia ditadura militar Parte II 64 pérysson
Aula de historia   ditadura militar Parte II 64 péryssonAula de historia   ditadura militar Parte II 64 pérysson
Aula de historia ditadura militar Parte II 64 pérysson
 
Diapositva aquiles
Diapositva aquilesDiapositva aquiles
Diapositva aquiles
 

Similar a HTML etiquetas bloque notas

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerradiegoarguilar
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmljoraloca
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guarikevin1192
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraGinoRomero13
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 

Similar a HTML etiquetas bloque notas (20)

Curso de html
Curso de htmlCurso de html
Curso de html
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Office word arnold
Office word arnoldOffice word arnold
Office word arnold
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Arias
AriasArias
Arias
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 
Meneses martines
Meneses martinesMeneses martines
Meneses martines
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 

Más de owenmauricio98

Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2owenmauricio98
 
Trabajo de informatica.docx 2
Trabajo de informatica.docx 2Trabajo de informatica.docx 2
Trabajo de informatica.docx 2owenmauricio98
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaowenmauricio98
 
Trabajo de informatica 3
Trabajo de informatica 3Trabajo de informatica 3
Trabajo de informatica 3owenmauricio98
 
Trabajo de informatica.docx 4
Trabajo de informatica.docx 4Trabajo de informatica.docx 4
Trabajo de informatica.docx 4owenmauricio98
 

Más de owenmauricio98 (6)

Trabajo exel
Trabajo exelTrabajo exel
Trabajo exel
 
Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2
 
Trabajo de informatica.docx 2
Trabajo de informatica.docx 2Trabajo de informatica.docx 2
Trabajo de informatica.docx 2
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica 3
Trabajo de informatica 3Trabajo de informatica 3
Trabajo de informatica 3
 
Trabajo de informatica.docx 4
Trabajo de informatica.docx 4Trabajo de informatica.docx 4
Trabajo de informatica.docx 4
 

HTML etiquetas bloque notas

  • 1. COLEGIO NACIONAL NICOLÁS ESQUERRA “EDIFICAMOS FUTURO” Delgado Rodríguez Owen Mauricio 905 Definición: Que es HTML. Etiquetas de HTML Block de notas. Que es HTML. El HTML es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión HTML o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
  • 2. Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...> Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomar cualquier valor propio del usuario, o valores HTML predefinidos. La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador> Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre. A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..> anidada dentro de la etiqueta <p..>.: <p align="center"><font color="#993366" size="4" face="Com ic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p>
  • 3. Block de notas. Siempre que se abre el bloc de notas aparece un documento en blanco. A la hora de escribir en él, funciona como cualquier otro editor de texto, basta con situar el cursor en el documento y escribir. Es recomendable insertar una nueva línea para cada nueva etiqueta HTML, ya que resulta más facil trabajar de este modo. Si escribiéramos todo el código seguido nos resultaría difícil interpretarlo, por ello es preferible programar insertando las etiquetas por separado, en diferentes líneas. A través del menú Formato, opción Fuente, puedes cambiar la fuente de todo el documento. Si lo deseas, puedes hacer la letra algo más grande o pequeña. Para abrir un documento, puedes utilizar cualquiera de las siguientes operaciones una vez abierto el Bloc de notas. Pulsar la combinación de teclas Ctrl+A. Hacer clic sobre el menú Archivo y elegir la opción Abrir. Nota: Como el Bloc de notas sirve originalmente para escribir documentos de texto, cuando le decimos Abrir, por defecto nos muestra los documentos con extensión .txt, nuestras páginas tienen la extensión .htm o html, por lo que debemos cambiar en el cuadro de diálogo abrir el tipo de archivo para visualizarlos todos y poder ver así nuestras páginas. Para abrir un documento nuevo, puedes utilizar cualquiera de las siguientes operaciones. Pulsar la combinación de teclas Ctrl+N. Hacer clic sobre el menú Archivo y elegir la opción Nuevo.
  • 4. Para guardar un documento, puedes utilizar cualquiera de las siguientes operaciones. Pulsar la combinación de teclas Ctrl+G. Hacer clic sobre el menú Archivo y elegir la opción Guardar. A la hora de guardar un documento no debes olvidar guardarlo con la extensión htm o html. Por ejemplo, puedes guardar un documento con el nombre mipagina.htm.