ACTIVIDAD 2. Elementos básicos de un lenguaje “HTML” Sánchez Palafox Evelyn y Toriz González Abigail
Competencia Genérica:
CG 5.6 Utiliza la tecnologías de la información y la comunicación para procesar e interpretar información.
COMPETENCIA DISCIPLINARIA:
Construye sitios web creativos y funcionales mediante software de diseño web, para transmitir información electrónica diversa a gran escala de manera responsable y empática en contextos laborales, educativos y de la vida cotidiana.
Etiquetas y atributos
Son estructuras básicas de HTML, presentan otras propiedades como los atributos y contenidos. HTML define 91 etiquetas, las cuales 10 se consideran absoletas. También contamos con atributos: pares-nombre-valor-separadospor "=" y escritos en la etiqueta inicial de un elemento después del nombre del elemento. El valor puede estar entre encerrado entre comillas dobles o simples
ESTRUCTURA GENERAL DE UNA LÍNEA DE CÓDIGO EN LENGUAJE HTML:
<tag attribute1="value1" attribute2="value2">contenido</tag> <a href="http://www.enlace.com" target="_blank">Ejemplo de enlace</a> Donde: •<a> es la etiqueta o tag inicial y </a> la etiqueta de cierre.
•href y target son los atributos. •http://www.enlace.com y _blank son las variables.
•Ejemplo de enlace es el contenido.
ELEMENTOS QUE NO NECESITAN TAG DE CIERRE:
<tag attribute1="value1" attribute2="value2" />
ATRIBUTOS BÁSICOS:
DESCRIPCIÓN
ATRIBUTO
Establece un indicador único a cada elemento
id="texto"
Establece la clase CSS que se aplica a los estilos del elemento
class="texto"
Aplica de forma directa los estilos CSS de un elemento
style="texto"
title="texto"
Establece el título del elemento (Mejora la accesibilidad)
ELEMENTOS DE BLOQUE Y EN LÍNEA
Todas las etiquetas del lenguaje HTML se pueden clasificar en etiquetas de línea o del bloque . Las etiquetas de línea son aquellas que ocupan el espacio mínimo necesario en horizontal, y permite que otro elemento se coloque a su lado. En cambio una etíqueta de bloque, ocupa todo el ancho disponible y no permite que otro elemento se coloque a su lado. Etiquetas de línea (las más usadas): <a>, <span>, <strong>, <img>, <input>, <code> Etiquetas de bloque (las más usadas): <h1>, <h2>, <h3>, <p>, <ul>, <li>, <div>, <header>, <nav>,
<section>, <article>, <footer>, <form>, <table>
¿Cómo empiezo a escribir en html?
Solo se necesita un editor de texto para escribir las páginas y posteriormente un navegador para visualizarlos.El editor no debe formatear el texto, se debe ocupar un bloc de notas, tanto las etiquetas como atributos se pueden escribir en mayúscula o minúscula.
Estructura básica Doctype
Es decir:<HTML> <HEAD> Definiciones de la cabecera </HEAD> <BODY> Instrucciones HTML </BODY> </HTML>
Al diseñar una página web, se indica con un código denominado DOCTYPE html (Document Type
Definition DTD), que se sitúa al inicio del documento HTML. Años despues las reglas cambiaron y todos los navegadores podrían mostrar la misma pagína. La comunidad web adopto que se diseñara una pagína web moderna, de un código denominado definición de tipo de documento
(Document Type Definition DTD),que esta al inicio del documento HTML.
Esta etiqueta va en el encabezado de la pagína y define en el contenido el titulo Sin cerrar nuestro navegador de Internet, volvemos al editor de texto e incluimos el campo <title>
entre las etiquetas de apertura y cierre del encabezado (head). Etiqueta <body> </body>
Todo el texto, las imágenes y el formato visibles al usuario deben encontrarse entre las etiquetas
Etiqueta:<title> </title>
¿Cómo se utilizan los colores en html?
Podemos tener 16 millones de colores en una página web. Por ello hay dos formas de aplicar colores
- Se especifica el color deseado directamente con el nombre del color en inglés, como, blue, green, yellow.
- Se especifica el color deseado mediante números hexadecimales, como, #RRVVAA
tEXTO EN HTML
El lenguaje HTML nos ofrece un mecanismo con una serie e caracteres raros se van a ver bien en todos los ordenadores independientemente de su juego de caracteres.
Etiqueta <br>
Etiqueta <hr>
Dibuja una regla horizontal alineada automaticamente con una apariencia de tercera dimensión.
Le permite al navegador que inserte un salto en línea.
ENCABEZADOS
Párrafos
Son bloques de texto, hacen lo posible para adaptar el contenido de los parrafos a las ventanas. Un espacio simple lo conforman todos los espacios, tabuladores y saltos de línea.
Los títulos o encabezados se realizan mediante al comienzo de una sección. Las etiquetas que se usan son:
<h1> Título </h1> <h2> Título </h2> <h3> Título </h3> <h4> Título </h4> <h5> Título </h5> <h6> Título </h6>
Etiqueta Efecto visual
<p> y </p> Párrafo
ETIQUETAS PARA EL TEXTO
Es un lenguaje de marcas, destacan de una forma especial, permiten la definicicón de las distintas instrucciones en HTML. Se le denomina etiquetas y son la base principal del lenguaje de HTML. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que
Ejemplos:<B>Texto en Negrita</b> <I>Itálica</i> <SAMP>Sample Text</samp> <BLINK> Texto intermitente</blink> <CODE>Code Texto</code>
ATRIBUTOS DE LAS ETIQUETAS:
Los atributos permitiran definir diferentes posibilidades de la instrucción HTML.Estos se definirán en la etiqueta de inicio. El orden en que incluyan los atributos es indiferente es decir que no afecta al resultado. Si se
incluyen varias veces el mismo atributo con distintos valores el resultado obtenido será imprevisible
dependiendo de cómo lo interprete el navegador. Cuando el valor que toma el atributo tiene más
de una palabra deberá expresarse entre comillas, en otro caso no será necesario. Ejemplos: <A HREF="http://cobachbc.edu.mx">Página oficial de cobach</A> <HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
¡GRACIAS!
ACTIVIDAD 2. Elementos básicos de un lenguaje “HTML”
EVELYN SANCHEZ PALAFOX
Created on April 20, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Witchcraft Presentation
View
Sketchbook Presentation
View
Vaporwave presentation
View
Animated Sketch Presentation
View
Pechakucha Presentation
View
Decades Presentation
View
Color and Shapes Presentation
Explore all templates
Transcript
ACTIVIDAD 2. Elementos básicos de un lenguaje “HTML” Sánchez Palafox Evelyn y Toriz González Abigail
Competencia Genérica:
CG 5.6 Utiliza la tecnologías de la información y la comunicación para procesar e interpretar información.
COMPETENCIA DISCIPLINARIA:
Construye sitios web creativos y funcionales mediante software de diseño web, para transmitir información electrónica diversa a gran escala de manera responsable y empática en contextos laborales, educativos y de la vida cotidiana.
Etiquetas y atributos
Son estructuras básicas de HTML, presentan otras propiedades como los atributos y contenidos. HTML define 91 etiquetas, las cuales 10 se consideran absoletas. También contamos con atributos: pares-nombre-valor-separadospor "=" y escritos en la etiqueta inicial de un elemento después del nombre del elemento. El valor puede estar entre encerrado entre comillas dobles o simples
ESTRUCTURA GENERAL DE UNA LÍNEA DE CÓDIGO EN LENGUAJE HTML:
<tag attribute1="value1" attribute2="value2">contenido</tag> <a href="http://www.enlace.com" target="_blank">Ejemplo de enlace</a> Donde: •<a> es la etiqueta o tag inicial y </a> la etiqueta de cierre. •href y target son los atributos. •http://www.enlace.com y _blank son las variables. •Ejemplo de enlace es el contenido.
ELEMENTOS QUE NO NECESITAN TAG DE CIERRE:
<tag attribute1="value1" attribute2="value2" />
ATRIBUTOS BÁSICOS:
DESCRIPCIÓN
ATRIBUTO
Establece un indicador único a cada elemento
id="texto"
Establece la clase CSS que se aplica a los estilos del elemento
class="texto"
Aplica de forma directa los estilos CSS de un elemento
style="texto"
title="texto"
Establece el título del elemento (Mejora la accesibilidad)
ELEMENTOS DE BLOQUE Y EN LÍNEA
Todas las etiquetas del lenguaje HTML se pueden clasificar en etiquetas de línea o del bloque . Las etiquetas de línea son aquellas que ocupan el espacio mínimo necesario en horizontal, y permite que otro elemento se coloque a su lado. En cambio una etíqueta de bloque, ocupa todo el ancho disponible y no permite que otro elemento se coloque a su lado. Etiquetas de línea (las más usadas): <a>, <span>, <strong>, <img>, <input>, <code> Etiquetas de bloque (las más usadas): <h1>, <h2>, <h3>, <p>, <ul>, <li>, <div>, <header>, <nav>, <section>, <article>, <footer>, <form>, <table>
¿Cómo empiezo a escribir en html?
Solo se necesita un editor de texto para escribir las páginas y posteriormente un navegador para visualizarlos.El editor no debe formatear el texto, se debe ocupar un bloc de notas, tanto las etiquetas como atributos se pueden escribir en mayúscula o minúscula.
Estructura básica Doctype
Es decir:<HTML> <HEAD> Definiciones de la cabecera </HEAD> <BODY> Instrucciones HTML </BODY> </HTML>
Al diseñar una página web, se indica con un código denominado DOCTYPE html (Document Type Definition DTD), que se sitúa al inicio del documento HTML. Años despues las reglas cambiaron y todos los navegadores podrían mostrar la misma pagína. La comunidad web adopto que se diseñara una pagína web moderna, de un código denominado definición de tipo de documento (Document Type Definition DTD),que esta al inicio del documento HTML.
Esta etiqueta va en el encabezado de la pagína y define en el contenido el titulo Sin cerrar nuestro navegador de Internet, volvemos al editor de texto e incluimos el campo <title> entre las etiquetas de apertura y cierre del encabezado (head). Etiqueta <body> </body> Todo el texto, las imágenes y el formato visibles al usuario deben encontrarse entre las etiquetas
Etiqueta:<title> </title>
¿Cómo se utilizan los colores en html?
Podemos tener 16 millones de colores en una página web. Por ello hay dos formas de aplicar colores
tEXTO EN HTML
El lenguaje HTML nos ofrece un mecanismo con una serie e caracteres raros se van a ver bien en todos los ordenadores independientemente de su juego de caracteres.
Etiqueta <br>
Etiqueta <hr>
Dibuja una regla horizontal alineada automaticamente con una apariencia de tercera dimensión.
Le permite al navegador que inserte un salto en línea.
ENCABEZADOS
Párrafos
Son bloques de texto, hacen lo posible para adaptar el contenido de los parrafos a las ventanas. Un espacio simple lo conforman todos los espacios, tabuladores y saltos de línea.
Los títulos o encabezados se realizan mediante al comienzo de una sección. Las etiquetas que se usan son:
<h1> Título </h1> <h2> Título </h2> <h3> Título </h3> <h4> Título </h4> <h5> Título </h5> <h6> Título </h6>
Etiqueta Efecto visual <p> y </p> Párrafo
ETIQUETAS PARA EL TEXTO
Es un lenguaje de marcas, destacan de una forma especial, permiten la definicicón de las distintas instrucciones en HTML. Se le denomina etiquetas y son la base principal del lenguaje de HTML. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que
Ejemplos:<B>Texto en Negrita</b> <I>Itálica</i> <SAMP>Sample Text</samp> <BLINK> Texto intermitente</blink> <CODE>Code Texto</code>
ATRIBUTOS DE LAS ETIQUETAS:
Los atributos permitiran definir diferentes posibilidades de la instrucción HTML.Estos se definirán en la etiqueta de inicio. El orden en que incluyan los atributos es indiferente es decir que no afecta al resultado. Si se incluyen varias veces el mismo atributo con distintos valores el resultado obtenido será imprevisible dependiendo de cómo lo interprete el navegador. Cuando el valor que toma el atributo tiene más de una palabra deberá expresarse entre comillas, en otro caso no será necesario. Ejemplos: <A HREF="http://cobachbc.edu.mx">Página oficial de cobach</A> <HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
¡GRACIAS!