61 |
62 |
63 |

Text

64 |
65 |
66 |
67 |

Headings

68 |
69 |
70 |

Heading 1

71 |

Heading 2

72 |

Heading 3

73 |

Heading 4

74 |
Heading 5
75 |
Heading 6
76 |
77 | 80 |
81 |
82 |
83 |

Paragraphs

84 |
85 |
86 |

A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit 87 | of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more 88 | sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of 89 | formal writing, used to organize longer prose.

90 |
91 | 94 |
95 |
96 |
97 |

Blockquotes

98 |
99 |
100 |
101 |

A block quotation (also known as a long quotation or extract) is a quotation in a written document, 102 | that is set off from the main text as a paragraph, or block of text.

103 |

It is typically distinguished visually using indentation and a different typeface or smaller size 104 | quotation. It may or may not include a citation, usually placed at the bottom.

105 | Said no one, ever. 106 |
107 |
108 | 111 |
112 |
113 |
114 |

Lists

115 |
116 |
117 |

Definition list

118 |
119 |
Definition List Title
120 |
This is a definition list division.
121 |
122 |

Ordered List

123 |
    124 |
  1. List Item 1
  2. 125 |
  3. List Item 2
  4. 126 |
  5. List Item 3
  6. 127 |
128 |

Unordered List

129 |
    130 |
  • List Item 1
  • 131 |
  • List Item 2
  • 132 |
  • List Item 3
  • 133 |
134 |
135 | 138 |
139 |
140 |
141 |

Horizontal rules

142 |
143 |
144 |
145 |
146 | 149 |
150 |
151 |
152 |

Tabular data

153 |
154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 |
Table Caption
Table Heading 1Table Heading 2Table Heading 3Table Heading 4Table Heading 5
Table Footer 1Table Footer 2Table Footer 3Table Footer 4Table Footer 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
205 | 208 |
209 |
210 |
211 |

Code

212 |
213 |
214 |

Keyboard input: Cmd

215 |

Inline code: <div>code</div>

216 |

Sample output: This is sample output from a computer program.

217 |

Pre-formatted text

218 |
P R E F O R M A T T E D T E X T
219 |   ! " # $ % & ' ( ) * + , - . /
220 |   0 1 2 3 4 5 6 7 8 9 : ; < = > ?
221 |   @ A B C D E F G H I J K L M N O
222 |   P Q R S T U V W X Y Z [ \ ] ^ _
223 |   ` a b c d e f g h i j k l m n o
224 |   p q r s t u v w x y z  |  ~ 
225 |
226 | 229 |
230 |
231 |
232 |

Inline elements

233 |
234 |
235 |

This is a text link.

236 |

Strong is used to indicate strong importance.

237 |

This text has added emphasis.

238 |

The b element is stylistically different text from normal text, without any special importance. 239 |

240 |

The i element is text that is offset from the normal text.

241 |

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation. 242 |

243 |

This text is deleted and This text is inserted.

244 |

This text has a strikethrough.

245 |

Superscript®.

246 |

Subscript for things like H2O.

247 |

This small text is small for for fine print, etc.

248 |

Abbreviation: HTML

249 |

This text is a short inline 250 | quotation.

251 |

This is a citation.

252 |

The dfn element indicates a definition.

253 |

The mark element indicates a highlight.

254 |

The variable element, such as x = y.

255 |

The time element:

256 |
257 | 260 |
261 |
262 |
263 |

HTML Comments

264 |
265 |
266 |

There is comment here: 267 | 268 | 269 |

There is a comment spanning multiple tags and lines below here.

270 | 271 |

There is a comment spanning multiple tags and lines below here.

272 |

There is a comment spanning multiple tags and lines below here.

273 | 276 |
277 | 280 |
281 |
282 |
283 |
284 |

Embedded content

285 |
286 |
287 |
288 |

Images

289 |
290 |
291 |

No <figure> element

292 |

Image alt text

293 |

Wrapped in a <figure> element, no <figcaption>

294 |
Image alt text
295 |

Wrapped in a <figure> element, with a <figcaption>

296 |
297 | Image alt text 298 |
Here is a caption for this image.
299 |
300 |
301 | 304 |
305 |
306 |
307 |

Audio

308 |
309 |
310 | 313 |
314 |
315 |
316 |

Video

317 |
318 |
319 | 322 |
323 |
324 |
325 |

Canvas

326 |
327 |
canvas
328 | 331 |
332 |
333 |
334 |

Meter

335 |
336 |
2 out of 10
337 | 340 |
341 |
342 |
343 |

Progress

344 |
345 |
progress
346 | 349 |
350 |
351 |
352 |

Inline SVG

353 |
354 |
355 | 356 |
357 | 360 |
361 |
362 |
363 |

IFrame

364 |
365 |
366 | 369 |
370 |
371 |
372 |
373 |

Form elements

374 |
375 |
376 |
377 | Input fields 378 |

379 | 380 | 381 |

382 |

383 | 384 | 385 |

386 |

387 | 388 | 389 |

390 |

391 | 392 | 393 |

394 |

395 | 396 | 397 |

398 |

399 | 400 | 401 |

402 |

403 | 404 | 405 |

406 |

407 | 408 | 409 |

410 |

411 | 412 | 413 |

414 |
415 |

[Top]

416 |
417 | Select menus 418 |

419 | 420 | 427 |

428 |
429 |

[Top]

430 |
431 | Checkboxes 432 |
    433 |
  • 435 |
  • 436 |
  • 437 |
438 |
439 |

[Top]

440 |
441 | Radio buttons 442 |
    443 |
  • 445 |
  • 446 |
  • 447 |
448 |
449 |

[Top]

450 |
451 | Textareas 452 |

453 | 454 | 455 |

456 |
457 |

[Top]

458 |
459 | HTML5 inputs 460 |

461 | 462 | 463 |

464 |

465 | 466 | 467 |

468 |

469 | 470 | 471 |

472 |

473 | 474 | 475 |

476 |

477 | 478 | 479 |

480 |

481 | 482 | 483 |

484 |

485 | 486 | 487 |

488 |

489 | 490 | 491 |

492 |
493 |

[Top]

494 |
495 | Action buttons 496 |

497 | 498 | 499 | 500 | 501 |

502 |

503 | 504 | 505 | 506 | 507 |

508 |
509 |

[Top]

510 |
511 |
512 |