Chuleta o cheatsheet de HTML5 (lenguaje de marcado HTML) en formato PDF, muy útil para desarrolladores frontend, diseñadores o programadores web.

¡Ojo! Hago directos en Twitch sobre desarrollo web, ¿Te apuntas? ManzDev

desarrollo
137

Escrito por

Si eres diseñador o desarrollador de frontend, programador o simplemente te interesa el diseño de páginas webs, quizás esta chuleta (cheat sheet) te interese. Se trata del Lenguaje HTML, un lenguaje de marcado que se ideó con el propósito de definir la estructura de una página o documento web, que tiene como finalidad reunir una serie de información en diferentes formatos (texto, imágenes, video, audio, etc...).

Con la llegada y soporte de HTML5 en la mayoría de los navegadores, es el momento perfecto para aprender todo lo relacionado con HTML5: etiquetas de texto, agrupación, semánticas, formularios, validaciones, multimedia, etc...

HTML5 Cheat Sheet (Desarrollo web, chuleta HTML)
HTML5 Cheat Sheet (Desarrollo web, chuleta HTML)

Esta cheatsheet te será muy útil si estás aprendiendo, tienes mala memoria o quieres tener en un sólo lugar de consulta rápida los nombres, atributos y valores asociados a cada elemento HTML.

Contenido

La cheatsheet contiene información sobre las siguientes características de HTML5, dividido en dos páginas. La primera de ellas contiene en su mayoría características básicas de HTML como etiquetas de formato o agrupación de contenido, así como muchas novedades multimedia de HTML5, mientras que la segunda incorpora etiquetas relacionadas con los formularios HTML5.

Primera página:

HTML5 Cheatsheet. Página 1
HTML5 Cheatsheet. Página 1
  • Sintaxis general de HTML (elementos, atributos y valores)
  • Etiquetas de formato de texto
  • Etiquetas de agrupación
  • Etiquetas de listas (y definiciones)
  • Etiquetas de tablas
  • Etiquetas de sección (semánticas)
  • Etiquetas de scripting
  • Etiquetas multimedia (imagen, recursos, video, audio, subtítulos...)

Segunda página:

HTML5 Cheatsheet. Página 2
HTML5 Cheatsheet. Página 2
  • Etiquetas generales del documento HTML
  • Atributos globales (para cualquier elemento)
  • Atributos comunes en formularios
  • Etiquetas de cabecera y metadatos
  • Etiquetas de formulario
  • Etiquetas de campos de entrada de datos (input, select, textarea, datalist...)
  • Etiquetas de formularios de HTML5 (keygen, progress, details, dialog, meter...)
  • Restricciones de formulario (validaciones)

Leyenda

Los esquemas de colores tienen cierto significado, que detallo a continuación:

  • Naranja: Elementos (etiquetas HTML)
  • Naranja con franja negra al inicio: Elementos sin etiqueta de cierre
  • Verde: Atributo del elemento
  • Verde con franja roja al final: Atributo booleano (sin valor)
  • Azul: Posible valor del atributo (en negro la opción por defecto, si la tiene)
  • Morado: Formatos sugeridos para usar con el elemento

Consideraciones

Se agradecerá cualquier tipo de sugerencia, difusión o apunte sobre la cheatsheet.

Descarga

He abandonado la opción de publicar esta cheatsheet bajo un formato de pago porque creo en otra forma de hacer las cosas. Confío en que todo el que sepa valorar el trabajo ajeno que ha supuesto la elaboración de esta chuleta realizará una donación con la cantidad que estime justa.

Agradezco toda difusión que se haga de esta chuleta. Por favor, si lo hacéis, utilizad el enlace de este artículo (o el de la propia página de la chuleta), no utilicen enlaces directos o que puedan hacer hotlinking. Si tienes cualquier tipo de problema con la descarga o donación, contacta conmigo y lo resolveré inmediatamente:

LenguajeHTML

URL | LenguajeHTML

Recuerda que también tienes LenguajeCSS.com, donde encontrarás otra cheatsheet de frontend, en este caso de CSS3 (lenguaje de hojas de estilo). También tienes otras chuletas anteriores que he realizado, como una cheat sheet de PHP o una cheat sheet de ModRewrite.

¿Quieres aprender a usar todo esto? Con la organización de la Oficina de Software Libre de la Universidad de La Laguna y de la Fundación General de la Universidad de La Laguna (Tenerife), imparto un curso de Desarrollo web con HTML5 en el que aprenderás a desarrollar páginas webs utilizando todas las características de la cheatsheet.

Temario y enlaces de inscripción | Curso de Desarrollo web con HTML5

RELACIONADOS Emezeta Card PHP Cheat Sheet (v0.2) RELACIONADOS Javascript Cheatsheet (Chuleta JS) RELACIONADOS 10 divertidas anécdotas sobre programación
x Emezeta Card PHP Cheat Sheet (v0.2)
Manz

137 comentarios

1 2 3

Cloud backup solutio
102

AceData, we provide a complete enterprise cloud backup solution that is easily deployable on-premises and is equally compatible with hybrid and multi-cloud environments. Our cloud backup as a service empowers your organization to have greater visibility into your data and utilize data insights to take appropriate actions. You get real-time control to remediate threats along with compliance reporting. Data backup Office 365 backup

Albert John
114

Your post was good and the information that you giving in your post, that was really cool. I like it very much. Thanks for posting this great information with us. Please share more information and I will bookmark to my blog. Get best SEO Company Dubai Services of marketing you visit here site for more info.

satta king
115

Thanks for visiting my website satta king Blogs are also a good place to know more about general types. satta king aap ke liye hamri taraf se banaya gaya hai iska pura labh uthaye. things and information online that you may not have heard before online.sattakingHello there, I discovered your website via Google even as looking for a similar matter, your website got here up, it seems to be great.  I have bookmarked it in my google bookmarks. game is drawing and guisses based mostly game, however currently Satta King aapka game hai pel ker khelo bhai logo pakka no aayega jarur visit karo.Satta King my game is very good game for you. it's categorized in best, and satta king desawar is currently terribly renowned and largely taking part in game across the globe individuals ar crazy regarding this game.Satta King But currently the foremost necessary factor is that this game is failed to follow the law and rule regulation that to follow the protocols and rule.satta king khelo or jeeto lakho cesh ummid mar chodo bhai ummid par per to diniya kayam hai. Now currently individuals want to rely on it, if the sport does not follow the protocols they need not play the sports however individuals are still taking part in the game, they play the games on the QT individuals have reply on it to stopBlog King dofollow backlink get backlinks dofollow backlink website How to Get Dofollow Backlink Article Submission website Free Backlink Get Free Backlink Dofollow High DA PA Website Article posting website Satta King Satta King Satta King Satta King Satta King SattaKing SattaKing SattaKing SattaKing SattaKing Satta King Result Satta King Result Satta King Result Satta King Result Satta King Result satta no satta number satta king live satta king Disawar satta live result satta king darbar satta result gali satta result Satta King Satta King Record SattaKingtaking part in this type of games, always aid work and facilitated people that would like facilitated,Satta King do something for your nation do forever sensible thing and be forever happy.Satta King just became aware of your blog thru Google,and located that it is truly informative. I’m going to be careful for brussels. satta king ki hamari website bharose ka pratik hai aapka vishwas kayam rahega ye wada hai aapse mera ki aapki kismat chamkegi zarur so bhai lagao or jeeto lakho.Thanks for sharing your thoughts. I truly appreciate your efforts and I will be waiting for your next write ups thank you once again. sattaking-sattaking game is drawing and lottery based mostly game,how ever currently it's categorized in gambling, and satta king currently terribly renowned and largely taking part in game across the globe individuals ar crazy regarding this game. I’ll appreciate if you happen to proceed this in future. Lots of folks can be benefited from your writing.Very good blog! I am extremely impressed with your writing skills and also with the layout on your blog. Anyway keep up the excellent quality writing, it’s rare to see a great blog like this one nowadays..  SattaKing SattaKing SattaKing SattaKing SattaKing

sieucomangthai
116

Thank you for posting this article. I act as a test user of game sites to check the safety of those game sites, I noticed a game that is being played a lot by students and is quite safe for everyone. bubble shooter game is a fun game with top-notch and emotional ball shooting. It is a popular game that attracts people of all genders and ages. bubble shooter

body massage spa nea
122

Hottest girls with you in shower in the bed and rubbing each inch of her skin with yours. This is the true definition of female to male massage. A massage with a random average looking girl, you can get anywhere. At the body massage spa near me there is exclusivity. https://www.brightespa.com/

erotic massage
125

The hyderabad being one of the fastest growing cities of India has brought all of them exclusively for you. This is one of the main reasons why people from all over the country plan a holiday at Hyderabad and avail the benefits of B2B spa near me. https://www.izspa.net

njmc
130

I’m so glad I found NJ Ticket Lookup on www.intensedebate.com – it made dealing with my parking ticket so much less of a hassle! thingiverse was so easy and convenient to Pay Ticket Online New Jersey . NJMCDirect website would be highly recommended for this service to anyone who has received a traffic ticket in New Jersey. “I was really happy with the NJMCDirect website, as soon I received from NJ Tickets. I was able to find exact information from www.cplusplus.com what I wanted and the prices were great.” I was really nervous about going to court, but the NJMCDirect was very user-friendly and the staff was extremely helpful. I got to know it from www.credly.com regarding the nj parking ticket payment.

massage center near
131

IZSPA, is the heaven in form of spa we are best body massage service provider in Bangalore.We offer our customers massages like Female to Male,Body to Body Massage, Thai Massage and many more modern and traditional types massages provided by IZSPA in best prices.Visit massage center near to me

vrinda
133

SEO or Search Engine Optimization is a compound and ever-changing marketing tool, but not when you have the right SEO Company in Noida with you, as even a small amount of SEO efforts can make a big difference. While most of the world might not be aware of this term, business owners and entrepreneurs might be well mindful of the importance of Search Engine Optimization. SEO is all about making small or mini modifications to different parts of your website.

Full body massage ne
134

This massage effectively relaxes the muscles of the body, soothes and positively affects the internal state of the body, as well as reduces irritability and tension, restores well-being and eliminates fatigue. Massage therapist

1 2 3

Publica tu opinión