LenguajeHTML
¿qué es?
Elementos de html
Los elementos que tienen un inicio y un cierre permiten tener a otros elementos u otro contenido anidado, es decir, a otros elementos o directamente texto. La estructura de los elementos de inicio y cierre es la siguiente: <elemento> contenido| subelementos </elemento>
atributos en html
Los elementos pueden ser parametrizados mediante los atributos. Los atributos siguen la estructura nombre/valor y se deberán de poner antes del cierre del elemento . La estructura de definición de los atributos es la siguiente:
<elemento atributo="valor">
entidades en html
Las entidades empiezan por un ampersand &, seguidas del código de la entidad -que puede ser numérico o alfanumérico- y finalizan en un punto y coma ; La estructura de una entidad en HTML será la siguiente: &código; Las entidades nos sirven para representar símbolos que son parte de la estructura del lenguaje, como es el caso de los símbolos mayor y menor. O símbolos específicos de un determinado juego de caracteres, cómo podrían ser símbolos de monedas o caracteres especiales. < representa < > representa > " representa ' &eur; representa € representa un espacio en blanco.
comentarios en html
Para poder insertar un comentario dentro de las páginas HTML deberemos de utilizar la siguiente estructura: <!-- comentario --> El comentario puede tener varias líneas de texto. <!-- esto es un comentario -->
NORMAS DE CODIFICACIÓN EN UN DOCUMENTO html
No sensible a mayúsculas El lenguaje HTML no es sensible a mayúsculas. Es decir, que da igual que escribamos nuestros elementos y atributos en mayúsculas y/o minúsculas. Si bien, por convenio, se recomienda que tanto los elementos como los atributos sean escritos en minúsculas. Espacios en blanco Si insertamos un espacio en blanco dentro de nuestra página se generará un espacio en blanco dentro de la visualización. Si bien si juntamos varios espacios en blancos, estos solo generarán un único espacio en blanco. Lo mismo ocurre si insertamos una o varias tabulaciones. Estas solo generan un único espacio en blanco. Si queremos crear un conjunto de espacios en blanco seguidos deberemos de utilizar la entidad: . Cada vez que insertemos esta entidad generamos un espacio en blanco.
NORMAS DE CODIFICACIÓN EN UN DOCUMENTO html
Los saltos de línea que insertemos dentro de la página web no tienen ningún efecto de cara a la renderización del contenido. Por lo tanto, un salto de línea en el código no genera nada.
Si queremos insertar un salto de línea dentro de nuestra página web deberemos de utilizar el elemento
<br />
Mi primera página web
CÓDIGO
Vas a crear tu primera página web. Para ello abrirás tu editor de texto (WordPad o Bloc de notas) o un editor HTML en tiempo real (https://www.editpad.org/es)
HTML5
han dado un giro a la cabecera ya que han visto que era demasiado compleja para los desarrolladores. Así que lo han reducido a la máxima expresión.
La cabecera que utilizaremos en los documentos HTML5 será:
<!DOCTYPE html>
Mi primera página web
Crear la página HTML
Una vez tengamos nuestro documento de texto vamos a crear la estructura del documento HTML, con sus elementos html, head y body.
<!doctype html>
<html>
<head>
<title>Mi Primera Página</title>
<meta charset=”utf-8”/>
</head>
<body>
<h1>Mi Primera Página</h1>
Mi primera página en HTML.
</body>
</html>
Sesión 2-Lenguaje HTML
giannina.barriga2016
Created on February 28, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Tech Presentation Mobile
View
Geniaflix Presentation
View
Vintage Mosaic Presentation
View
Shadow Presentation
View
Newspaper Presentation
View
Zen Presentation
View
Audio tutorial
Explore all templates
Transcript
LenguajeHTML
¿qué es?
Elementos de html
Los elementos que tienen un inicio y un cierre permiten tener a otros elementos u otro contenido anidado, es decir, a otros elementos o directamente texto. La estructura de los elementos de inicio y cierre es la siguiente: <elemento> contenido| subelementos </elemento>
atributos en html
Los elementos pueden ser parametrizados mediante los atributos. Los atributos siguen la estructura nombre/valor y se deberán de poner antes del cierre del elemento . La estructura de definición de los atributos es la siguiente: <elemento atributo="valor">
entidades en html
Las entidades empiezan por un ampersand &, seguidas del código de la entidad -que puede ser numérico o alfanumérico- y finalizan en un punto y coma ; La estructura de una entidad en HTML será la siguiente: &código; Las entidades nos sirven para representar símbolos que son parte de la estructura del lenguaje, como es el caso de los símbolos mayor y menor. O símbolos específicos de un determinado juego de caracteres, cómo podrían ser símbolos de monedas o caracteres especiales. < representa < > representa > " representa ' &eur; representa € representa un espacio en blanco.
comentarios en html
Para poder insertar un comentario dentro de las páginas HTML deberemos de utilizar la siguiente estructura: <!-- comentario --> El comentario puede tener varias líneas de texto. <!-- esto es un comentario -->
NORMAS DE CODIFICACIÓN EN UN DOCUMENTO html
No sensible a mayúsculas El lenguaje HTML no es sensible a mayúsculas. Es decir, que da igual que escribamos nuestros elementos y atributos en mayúsculas y/o minúsculas. Si bien, por convenio, se recomienda que tanto los elementos como los atributos sean escritos en minúsculas. Espacios en blanco Si insertamos un espacio en blanco dentro de nuestra página se generará un espacio en blanco dentro de la visualización. Si bien si juntamos varios espacios en blancos, estos solo generarán un único espacio en blanco. Lo mismo ocurre si insertamos una o varias tabulaciones. Estas solo generan un único espacio en blanco. Si queremos crear un conjunto de espacios en blanco seguidos deberemos de utilizar la entidad: . Cada vez que insertemos esta entidad generamos un espacio en blanco.
NORMAS DE CODIFICACIÓN EN UN DOCUMENTO html
Los saltos de línea que insertemos dentro de la página web no tienen ningún efecto de cara a la renderización del contenido. Por lo tanto, un salto de línea en el código no genera nada. Si queremos insertar un salto de línea dentro de nuestra página web deberemos de utilizar el elemento <br />
Mi primera página web
CÓDIGO
Vas a crear tu primera página web. Para ello abrirás tu editor de texto (WordPad o Bloc de notas) o un editor HTML en tiempo real (https://www.editpad.org/es)
HTML5 han dado un giro a la cabecera ya que han visto que era demasiado compleja para los desarrolladores. Así que lo han reducido a la máxima expresión. La cabecera que utilizaremos en los documentos HTML5 será: <!DOCTYPE html>
Mi primera página web
Crear la página HTML
Una vez tengamos nuestro documento de texto vamos a crear la estructura del documento HTML, con sus elementos html, head y body.
<!doctype html> <html> <head> <title>Mi Primera Página</title> <meta charset=”utf-8”/> </head> <body> <h1>Mi Primera Página</h1> Mi primera página en HTML. </body> </html>