An authentic blog to share your unique thoughts
We use cookies to understand how you use our site and improve your experience. This includes personalized content and advertising.... Learn more
Markup | Example |
---|---|
<em> |
This will emphasize text. Screen readers will stress the text. |
<strong> |
Defines text with strong importance. |
<mark> |
Denotes text as marked or highlighted. |
<del> |
Used to mark text that has |
<ins> |
Used to mark text that has been added. |
Markup | Example |
---|---|
<pre> |
Text is displayed exactly as typed including spaces and breaks. |
< > |
Used to display the < and > symbols. |
<!-- How to comment --> |
Leave good comments in your code! |
Tag | Appearance | Notes | |
---|---|---|---|
<input> |
Multiple types of input, see table below. | ||
<label> |
Match 'label for=' to 'input id=' | ||
<select> |
See documentation for more options. | ||
<textarea> |
You can define the size of this with HTML or CSS. | ||
<button> |
Always include the button type for buttons. Can also link. | ||
<fieldset>, <legend> |
Groups form elements in this ugly box LOL. | ||
<datalist> |
More of an auto fill than a select menu. | ||
<output> |
No example, produces output from input, must research. |
Tag | Appearance | Notes | |
---|---|---|---|
<button> |
Always include the button type for buttons. Can also link. | ||
type="checkbox" |
Standard checkbox things. Use labels. | ||
type="color" |
Also gives access to a color picker!!! | ||
type="date" |
Date field, good stuff. | ||
type="datetime-local" |
Gives Today option for your time zone | ||
type="email" |
Is there validation? | ||
type="file" |
SUPER DOPE! | ||
type="hidden" |
For non user info but don't use as security | ||
type="image" |
I think not using this is a self respect thing. | ||
type="month" |
More cool date things. | ||
type="number" |
Has a clicky and can define what numbers. | ||
type="password" |
You know how this works | ||
type="radio" |
|
Must figure out set up. Must all be in form. | |
type="range" |
Oooooh interesting! | ||
type="reset" |
It's a reset button! | ||
type="search" |
Research possible uses | ||
type="submit" |
Submits data to a form handler. | ||
type="tel" |
Is there validation? | ||
type="text" |
You know it and love it. | ||
type="time" |
Interesting! But wonder if there's a better way. | ||
type="url" |
Experiment uses to see if viable. | ||
type="week" |
Kinda cool but how would I use it? |