Scribd
Cargar
7 vistas2 páginas

HTML y CSS

HTML es el lenguaje de marcado que estructura las páginas web, mientras que CSS define su apariencia visual. La estructura básica de una página web incluye etiquetas como <html>, <head>, <title>, y <body>, donde se organizan los elementos visibles e invisibles. Los programadores utilizan editores de código como Visual Studio Code para escribir y gestionar este código, facilitando la creación de elementos como párrafos, listas y encabezados.

Cargado por

Joaco Acevedo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
7 vistas2 páginas

HTML y CSS

HTML es el lenguaje de marcado que estructura las páginas web, mientras que CSS define su apariencia visual. La estructura básica de una página web incluye etiquetas como <html>, <head>, <title>, y <body>, donde se organizan los elementos visibles e invisibles. Los programadores utilizan editores de código como Visual Studio Code para escribir y gestionar este código, facilitando la creación de elementos como párrafos, listas y encabezados.

Cargado por

Joaco Acevedo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

HTML Y CSS:

HTML crea elementos y CSS define sus caracteristicas

Modelos de lenguaje con los que funcionan las paginas web e internet.

HTML: hipertext markup language: lenguaje de de marcado de hipertexto. Con html se arma la estructura de la pagina
web. Cada elemento de una web, desde un signo de lupa para buscar algo dentro de esa pagina hasta la foto de un
producto que nos manda a directamente a comprar, es un bloque dentro de la web creado con texto. HTML crea
elementos o etiquetas que los navegadores interpretan y muestran.

CSS: cascading style sheets u hojas de estilo en cascada, define como se deben ver visualmente los elementos de las
paginas webs. Este lenguaje funciona mediante reglas de estilo

La estructura de una regla de estilo de css consta de un selector


“cubo” y un bloque de declaraciones que definen las
características del objeto que marca el selector (alt+123 y
alt+125)

.CUBO {

Color: fff000

Size 15px

Las etiquetas se abren con signo mayor y menor <b> (en mi teclado en ingles alt+60 y alt+62) y se cierran de la misma
forma pero con una barra diagonal al inicio </b> de esta forma todo lo que este dentro de estas etiquetas estará en
negrita y todo lo que este fuera no lo estará.

<b> es para negrita

Luego para crear títulos, se tienen que usar encabezados, en este caso <h1> (header) </h1>

PARA ESCRIBIR ESTE CODIGO, LOS PROGRAMADORES UTILIZAN UN EDITOR DE CODIGO o IDE para programar, estos son
editores de código pero mas completos, que tienen un editor de código integrado que además tiene demás
herramientas. El que mas se usa es “visual studio code”

CTRL+S = guardar

ESTRUCTURA BASICA DE UNA PAGINA WEB

LA ETIQUETA “DOCTYPE” define la versión de html que usamos

La etiqueta “html:5” crea una estructura básica de web para que pueda correrse en tiempo real con la extion “live
server” para actualizar automáticamente cambios de VSC a un navegador.

Todo el código que haya entre <html> y </html> va a ser lo que haya dentro de la pagina web
La estructura de html esta compuesta por 2 cosas:

<head> que le da informacion a la pagina pero que no podemos ver y

<title> que sirve para darle nombre a la web.

Luego, dentro de las secciones <body> VA A ESTAR TODO EL ASPECTO VISUAL DE NUESTR PAGINA WEB </body>

---

Los párrafos son la etiqueta <p>

Una vez que empezamos a escribir, si tocamos ALT+Z vemos el código o si tocamos ctrl+shift+t y escribir Word wrap.

Además de encabezados y párrafos, existen listas: ordenadas e inordenadas

<OL> ordered list

| Dentro de una OL están los ítems de esta lista, los cuales se codifican con <LI> (de list ítems)

<UL> unordered list

SEGUIR HORA 1:05:00

También podría gustarte