Las etiquetas <HTML> y </HTML> indican el principio y fin de un documento web. Dentro de <HEAD> se incluye el encabezado con etiquetas como <TITLE> para el título y <meta> para descripción, autor y palabras clave. El cuerpo <BODY> contiene los elementos visuales como texto, imágenes y tablas. La guía explica comandos básicos de HTML para formato, enlaces, listas y tablas.
All you need to know about CSS:
Selectors
Value Processing
Cascading
Box Model
Visual Formatting Model
Block Formatting Context
Stacking Context
At-Rules
Units
Presentation with examples:
http://rawgit.com/vzhidal/HTML-CSS-Training-Presentations/master/css-basics.html
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
Slides from the WordCamp Europe presentation by the same name. From the conference website:
CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! Imagine drawing a grid in the browser and placing content in one or any number of cells without having to change the HTML or source order. And imagine changing that grid on the fly using media queries or JavaScript while keeping the HTML markup clean and accessible. That’s what CSS Grid does, and that’s why you should be using it today.
The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
CSS Grid is here, and you can start using it today. This talk shows you how to do it right.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
slides contains all about the ASP.NET MVC 5 based contents, and hopefully this will also guide you how to a write the MVC program using .NET Technology
Over 200 Pages of resources and code snippets to learn JavaScript and JavaScript DOM manipulation. JavaScript is the most popular web programming language and this eBook will help you learn more about JavaScript Coding
JavaScript Module Patterns: How to build and use JavaScript modules. We cover the Basic Module Pattern, Revealing Module Pattern, CommonJS, AMD, CommonJS, UMD and ES6 modules.
All you need to know about CSS:
Selectors
Value Processing
Cascading
Box Model
Visual Formatting Model
Block Formatting Context
Stacking Context
At-Rules
Units
Presentation with examples:
http://rawgit.com/vzhidal/HTML-CSS-Training-Presentations/master/css-basics.html
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
Slides from the WordCamp Europe presentation by the same name. From the conference website:
CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! Imagine drawing a grid in the browser and placing content in one or any number of cells without having to change the HTML or source order. And imagine changing that grid on the fly using media queries or JavaScript while keeping the HTML markup clean and accessible. That’s what CSS Grid does, and that’s why you should be using it today.
The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
CSS Grid is here, and you can start using it today. This talk shows you how to do it right.
This is a brief introduction about HTML5. You will learn that what is new in HTML5. I will tell what and when changes happened in HTML which Hyper Text markup language. Html is a language which is used to create web pages that we have seen on the internet. For website development and web hosting visit https://tekfold.com
slides contains all about the ASP.NET MVC 5 based contents, and hopefully this will also guide you how to a write the MVC program using .NET Technology
Over 200 Pages of resources and code snippets to learn JavaScript and JavaScript DOM manipulation. JavaScript is the most popular web programming language and this eBook will help you learn more about JavaScript Coding
JavaScript Module Patterns: How to build and use JavaScript modules. We cover the Basic Module Pattern, Revealing Module Pattern, CommonJS, AMD, CommonJS, UMD and ES6 modules.
1. GUÍA RÁPIDA DE COMANDOS HTML
FUNCIÓN CÓDIGO HTML DESCRIPCIÓN
BÁSICOS
Indica al navegador el principio y el fin de un
documento HTML.Toda la codificación debe
Inicio y fin de
<HTML> </HTML> estar incluida en estas etiquetas
documento
Dentro del encabezado se incluyen las
encabezado <HEAD> </HEAD> siguientes etiquetas: title, description, autor,
keywords.
Es el texto que aparece en la barra de título del
título <TITLE> </TITLE>
navegador.
autor <meta name="author" content="mi nombre"> Nombre del autor de la página.
<meta name="description" content="esta es la
descripcion Breve descripción de la página.
pagina principal del centro">
Palabras claves con las que un “cliente” puede
Palabras clave <meta name="keywords" content="ensenada">
encontrar nuestra página.
Cuerpo de la página donde se deben colocar
todos los elementos que se visualizarán en el
Cuerpo <BODY> </BODY>
navegador (texto, imágenes, enlaces,
tablas,etc.)
FUNCIÓN CÓDIGO HTML RESULTADO
*Esta etiqueta debe colocarse en el área del
PÁGINA cuerpo del documento (BODY). El fondo de la
<BODY BGCOLOR="blue">
fondo (color) página aparecerá con el tono de color del código o
<BODY BGCOLOR="lightyellow">
nombre que se ha indicado.
<BODY BGCOLOR="#DBD7A4">
*En el fondo de la página aparece la imagen que
fondo (img) <BODY BACKGROUND="fondo.gif"> se ha indicado y se repite las veces que cabe en
una pantalla.
FUENTES
<B>Esto hará el texto en negritas</B> Esto hará el texto en negritas
negritas
itálico <I>Esto hará letras itálicas</I> Esto hará letras itálicas
negritas <U>Esto hará un texto subrayado</U> Esto hará un texto subrayado
<STRIKE>Esto desplegará un texto con una
tachado Esto desplegará un texto con una línea
línea</STRIKE>
Tamaño de fuente 1
<FONT SIZE="1">Tamaño de fuente 1</FONT> Tamaño de fuente 2
<FONT SIZE="2">Tamaño de fuente 2</FONT> Tamaño de fuente 3
<FONT SIZE="3">Tamaño de fuente 3</FONT>
tamaño <FONT SIZE="+1">Tamaño de fuente +1</FONT> Tamaño de fuente 4
<FONT SIZE="+2">Tamaño de fuente +2</FONT>
<FONT SIZE="-1">Tamaño de fuente -1</FONT> Tamaño de fuente 5
<FONT SIZE="-2">Tamaño de fuente -2</FONT> Tamaño de fuente -1
Tamaño de fuente -2
<FONT COLOR="blue">Texto Azul</FONT> Texto Azul
<FONT COLOR="red">Texto Rojo</FONT> Texto Rojo
<FONT COLOR="yellow">Texto Amarillo</FONT> Texto Amarillo
color <FONT COLOR="#000000>Texto Negro <FONT> Texto Negro
<FONT COLOR="#FFFFFF">Texto Blanco</FONT> Texto blanco
<FONT COLOR="#E1EAF7">Texto Azul Claro</FONT> Texto Azul Claro
tipo <FONT FACE="Arial">Fuente arial</FONT> Fuente arial
ENCABEZADOS
Nivel 1 <H1>Nivel 1</H1> Nivel 1