Project Home
Preview
Fullscreen
+
+Image
+Video
+Table
Generate
<h1>The HTML Section Heading Block</h1><p>The <code><h1></code> to <code><h6></code><abbr title="Hypertext Markup Language">HTML</abbr> elements represent six levels of section headings. <code><h1></code> is the highest section level and <code><h6></code> is the lowest. By default, <strong>all heading elements</strong> create a block-level box in the layout, starting on a new line and taking up the full width available in their containing block.</p><h2>The Ordered List and Unordered List Bock</h2><ol><li>The <code><ol></code><abbr title="Hypertext Markup Language">HTML</abbr> element represents an ordered list of items — typically rendered as a numbered list.</li><li>Typically, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_self" rel="noopener">ordered list</a> items display with a preceding marker, such as a <u>number</u> or <u>letter</u>.</li><li>To determine which list to use, try changing the order of the list items; if the meaning changes, use the <code><ol></code> element — otherwise you can use <code><ul></code> otherwise, or <code><menu></code> if your list is a menu.</li></ol><ul><li>The <code><ul></code><abbr title="Hypertext Markup Language">HTML</abbr> element represents an unordered list of items, typically rendered as a bulleted list. </li><li>The <code><ul></code> element is for grouping a collection of items that do not have a numerical ordering, and their order in the list is meaningless. Typically, unordered-list items are displayed with a bullet, which can be of several forms, like a dot, a circle, or a square. The bullet style is not defined in the <abbr title="Hypertext Markup Language">HTML</abbr> description of the page, but in its associated <abbr title="Cascading Style Sheets">CSS</abbr>, using the list-style-type property.</li></ul><h2>The Block Quotation</h2><blockquote><em>According to the specification</em>, attribution for the quotation, if any, must be placed outside the <code><blockquote></code> element. To include shorter quotes inline rather than in a separate block, use the <code><q></code> (Quotation) element.</blockquote><h2>The Keyboard Input element</h2><p>Nesting a <code><samp></code> element inside a <code><kbd></code> element, on the other hand, represents input which is based on text presented by the system, such as the names of menus and menu items, or the names of buttons displayed on the screen. See the example under <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd#representing_onscreen_input_options" target="_self" rel="noopener">Representing onscreen input options</a> below.</p><section><h2>To utilize the control key, you must first select or focus on a block.</h2><ul><li><kbd>CTRL</kbd> + <kbd>B</kbd> Bold Text.</li><li><kbd>CTRL</kbd> + <kbd>I</kbd> Italic Text</li><li><kbd>CTRL</kbd> + <kbd>U</kbd> Underline Text</li><li><kbd>CTRL</kbd> + <kbd>K</kbd> Keyboard Element (Text Automatically Converted to Uppercase)</li><li><kbd>CTRL</kbd> + <kbd>L</kbd> Insect Link Tag</li><li><kbd>CTRL</kbd> + <kbd>Q</kbd> Quote Text Element</li><li><kbd>CTRL</kbd> + <kbd>M</kbd> Highlight Selected Text</li><li><kbd>CTRL</kbd> + <kbd>D</kbd> Stroke-line Text</li><li><kbd>CTRL</kbd> + <kbd>E</kbd> Abbreviation Select Text (Title will apply to all instances in the article)</li><li><kbd>CTRL</kbd> + <kbd>1</kbd> to <kbd>6</kbd> Convert to H1 - H6 Tag </li><li><kbd>CTRL</kbd> + <kbd>7</kbd> Convert to Paragraph</li><li><kbd>CTRL</kbd> + <kbd>8</kbd> Convert to OL.</li><li><kbd>CTRL</kbd> + <kbd>9</kbd> Convert to UL.</li><li><kbd>CTRL</kbd> + <kbd>0</kbd> Convert to DIV.</li><li><kbd>CTRL</kbd> + <kbd>DELETE</kbd> Delete Block.</li><li><kbd>CTRL</kbd> + <kbd>►</kbd> Move to next block.</li><li><kbd>CTRL</kbd> + <kbd>◄</kbd> Move to previous block.</li><li><kbd>CTRL</kbd> + <kbd>▲</kbd> Move the current block up one.</li><li><kbd>CTRL</kbd> + <kbd>▼</kbd> Move the current block down one.</li><li><kbd>CTRL</kbd> + <kbd>G</kbd> Preview</li></ul></section><section><h2>Major Access Key</h2><ul><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>P</kbd> Preview</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>F</kbd> Fullscreen</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>N</kbd> Add new block</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>I</kbd> Add new Image block</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>V</kbd> Add Video block</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>T</kbd> Add Table block</li><li><kbd>SHIFT</kbd> + <kbd>ALT</kbd> + <kbd>G</kbd> Generate</li></ul></section>