<commit_before>### 1. `<header>` -- Header 
* *type:* block-level
* *content:* Flow content/palpable content
* *support:* all browsers
* *example:* 
```
 <header> Logo </header>
```
<header> Logo </header>

### 2. `<hr>` -- Horizontal Rule
* *type:* block-level
* *content:* Flow Content
* *support:* all browsers
* *example:*
``` <p> Some text </p>
 <hr>
<p> some other text </p> ```
<p> some Text </p>
<hr>
<p> some other text </p>

### 3. `<div>` -- Document Division
* *type:* block-level
* *content:* Flow content/palpable content
* *support:*  all browsers
* *example:*
```<div> <p> Div Example </p> </div> ```
<div> </p> Div Example </p> </div>

### 4. `<address>` -- Address Element
* *type:* block-level
* *content:* flow content/palpable cotent
* *support:* all browsers
* *example:*
```<address> 5555 Hugh Gerection Street <br> Somewhere, FL 55555 </adress>```
<address> 5555 Hugh Gerection Street <br> Somewhere, FL 55555</address>

### 5. `<ul>` -- Unordered List
* *type:* block-level
* *content:* flow content
* *support:* all browsers
* *example:*
```<ul> <li> Thing One </li> <li> Thing Two </li> <li> Thing Three </li> </ul>```
<ul> <li> Thing One </li> <li> Thing Two </li> <li> Thing Three </li> </ul>

### 6. `<ol>` -- Ordered List
* *type:* block-level
* *content:*  flow content/palpable content
* *support:*  all browsers
* *example:*
```<ol> <li> One Thing </li> <li> Two Thing </li> <li> Three Thing </li> </ol>```
<ol> <li> One Thing </li> <li> Two Thing </li> <li> Three Thing </li> </ol>

### 6. `<blockquote>` -- Long Block Quotation 
* *type:* block-level
* *content:* flow content
* *support:* all browsers
* *example:*
 ```<blockquote> <p>Holler at your boy</p> </blockquote>```
<blockquote><p> Holler at your boy </p> <blockquote>

### 7. `<article>` -- Article Content
* *type:* block-level
* *content:* flow content/palpable content/sectioning content
* *support:* all browsers
* *example:*
```<article> <h4> Heading </h4> <p> Articles should always include a heading </p> </article>```
<article> <h4> Heading </h4> <p> Articles should always include a heading </p> </article>

### 8. `<dl>` -- Definition List
* *type:* block-level 
* *content:*  flow content/palpable content
* *support:* all browsers
* *example:*
```<dl> <dt> Challenge </dt> <dd> A call to take part in contest or competition </dd> </dl> ```
<dl><dt>Challenge</dt><dd>A call to take part in contest or competition </dd></dl>

### 9. `<section>` -- Section Elements
* *type:* block-level
* *content:* flow content/sectioning content/palpable content
* *support:* all browsers
* *example:*
 ```<section><h1>Heading</h1><p>Insert some text here</p></section>```
<section><h1>Heading</h1><p>Insert some text here</p></section>

### 10. `<h1>` --- Heading Element
* *type:* block-level
* *content:* flow content/heading content/palpable content
* *support:* all browsers
* *example:* 
```<h1> Header </h1> ```
<h1> Header </h1>

### 11. `<span>` --- Span Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
``` <p>Determine the <span> air speed </span> velocity of an African Swallow </p>```
<p>Determine the <span> air speed </span> velocity of an African Swallow</p>

### 12. `<small>` --- Small Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>This text is going <small>to get smaller</small></p> ```
</p>This text this going <small>to get smaller</small></p>

### 13. `<kbd>` --- Keyboard Input Element 
* *type:* inline element
* *content:* flow content/phrasing content/palpable content
* *support:* all browsers
* *example:*
```<p> Press the <kbd>alt</kbd> key</p> ```
</p>Press the <kbd>alt</kbd> key </p>

### 14. `<strong>` --- Strong Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>I am <strong>strong</strong> like bull.```
<p>I am <strong>strong</strong> like bull

### 15. `<button>` --- Button Element
* *type:* inline element
* *content:* flow content/phrasing content/interactive content/listed/labelable
* *support:* all browsers
* *example:*
```<button name="button">Dont Press Me</button> ```
<div><button name="button">Dont Press Me</button>

### 16. `<sub>` --- Subscript Element
* *type:* inline element
* *content:* flow content/phrasing content 
* *support:* all browsers
* *example:*
```<p>I need some H<sub>2</sub>O</p>```
<p>I need some H<sub>2</sub>One

### 17. `<label>` --- Label Element
* *type:* inline element
* *content:* flow content/phrasing content/interactive content/form-associated element
* *support:* all browsers
* *example:*
```<div><label>Input Here<input type="text" id="user" name="Name" /></label></div> ```
<div><label>Input Here<input type="text" id="user" name="Name" /></label></div>

### 18. `<bdo>` --- Bidirectional Override 
* *type:* inline element
* *content:* flow content/phrasing content/palpable content
* *support:* all browsers
* *example:*
```<p><bdo dir="rtl>This whole sentence will be in reverse</bdo></p> ```
<p><bdo dir="rtl"> this whole sentence will be in reverse<bdo></p>


### 19. `<b>` --- The B element
* *type:* inline element
* *content:* flow content/phrasing content/palpable content 
* *support:* all browsers
* *example:*
```<p> Select the <b>HTML</b> document ```
<p>Select the <b>HTML</b> document

### 20. `<sup>` --- Superscript Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>I take classes at <sup>The Iron Yard</sup></p>```
<p>I take classes at <sup>The Iron Yard</sup></p>

<hr>

## Common HTML Attributes 

`acesskey` -- Keyboard Shortcut for Element

* *values:* space-separated list of characters
* *support:* all browsers
* *examples:*

````<a href="someURL" acesskey="h"> Hello World! </a> ````

`draggable` -- Draggable Element

* *values:* *true* or *false*
* *support:* all browsers
* *examples:* 

````<div draggable="true"> Hello World! </div> ````<commit_msg>Added more HTML attributes<commit_after>### 1. `<header>` -- Header 
* *type:* block-level
* *content:* Flow content/palpable content
* *support:* all browsers
* *example:* 
```
 <header> Logo </header>
```
<header> Logo </header>

### 2. `<hr>` -- Horizontal Rule
* *type:* block-level
* *content:* Flow Content
* *support:* all browsers
* *example:*
``` <p> Some text </p>
 <hr>
<p> some other text </p> ```
<p> some Text </p>
<hr>
<p> some other text </p>

### 3. `<div>` -- Document Division
* *type:* block-level
* *content:* Flow content/palpable content
* *support:*  all browsers
* *example:*
```<div> <p> Div Example </p> </div> ```
<div> </p> Div Example </p> </div>

### 4. `<address>` -- Address Element
* *type:* block-level
* *content:* flow content/palpable cotent
* *support:* all browsers
* *example:*
```<address> 5555 Hugh Gerection Street <br> Somewhere, FL 55555 </adress>```
<address> 5555 Hugh Gerection Street <br> Somewhere, FL 55555</address>

### 5. `<ul>` -- Unordered List
* *type:* block-level
* *content:* flow content
* *support:* all browsers
* *example:*
```<ul> <li> Thing One </li> <li> Thing Two </li> <li> Thing Three </li> </ul>```
<ul> <li> Thing One </li> <li> Thing Two </li> <li> Thing Three </li> </ul>

### 6. `<ol>` -- Ordered List
* *type:* block-level
* *content:*  flow content/palpable content
* *support:*  all browsers
* *example:*
```<ol> <li> One Thing </li> <li> Two Thing </li> <li> Three Thing </li> </ol>```
<ol> <li> One Thing </li> <li> Two Thing </li> <li> Three Thing </li> </ol>

### 6. `<blockquote>` -- Long Block Quotation 
* *type:* block-level
* *content:* flow content
* *support:* all browsers
* *example:*
 ```<blockquote> <p>Holler at your boy</p> </blockquote>```
<blockquote><p> Holler at your boy </p> <blockquote>

### 7. `<article>` -- Article Content
* *type:* block-level
* *content:* flow content/palpable content/sectioning content
* *support:* all browsers
* *example:*
```<article> <h4> Heading </h4> <p> Articles should always include a heading </p> </article>```
<article> <h4> Heading </h4> <p> Articles should always include a heading </p> </article>

### 8. `<dl>` -- Definition List
* *type:* block-level 
* *content:*  flow content/palpable content
* *support:* all browsers
* *example:*
```<dl> <dt> Challenge </dt> <dd> A call to take part in contest or competition </dd> </dl> ```
<dl><dt>Challenge</dt><dd>A call to take part in contest or competition </dd></dl>

### 9. `<section>` -- Section Elements
* *type:* block-level
* *content:* flow content/sectioning content/palpable content
* *support:* all browsers
* *example:*
 ```<section><h1>Heading</h1><p>Insert some text here</p></section>```
<section><h1>Heading</h1><p>Insert some text here</p></section>

### 10. `<h1>` --- Heading Element
* *type:* block-level
* *content:* flow content/heading content/palpable content
* *support:* all browsers
* *example:* 
```<h1> Header </h1> ```
<h1> Header </h1>

### 11. `<span>` --- Span Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
``` <p>Determine the <span> air speed </span> velocity of an African Swallow </p>```
<p>Determine the <span> air speed </span> velocity of an African Swallow</p>

### 12. `<small>` --- Small Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>This text is going <small>to get smaller</small></p> ```
</p>This text this going <small>to get smaller</small></p>

### 13. `<kbd>` --- Keyboard Input Element 
* *type:* inline element
* *content:* flow content/phrasing content/palpable content
* *support:* all browsers
* *example:*
```<p> Press the <kbd>alt</kbd> key</p> ```
</p>Press the <kbd>alt</kbd> key </p>

### 14. `<strong>` --- Strong Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>I am <strong>strong</strong> like bull.```
<p>I am <strong>strong</strong> like bull

### 15. `<button>` --- Button Element
* *type:* inline element
* *content:* flow content/phrasing content/interactive content/listed/labelable
* *support:* all browsers
* *example:*
```<button name="button">Dont Press Me</button> ```
<div><button name="button">Dont Press Me</button>

### 16. `<sub>` --- Subscript Element
* *type:* inline element
* *content:* flow content/phrasing content 
* *support:* all browsers
* *example:*
```<p>I need some H<sub>2</sub>O</p>```
<p>I need some H<sub>2</sub>One

### 17. `<label>` --- Label Element
* *type:* inline element
* *content:* flow content/phrasing content/interactive content/form-associated element
* *support:* all browsers
* *example:*
```<div><label>Input Here<input type="text" id="user" name="Name" /></label></div> ```
<div><label>Input Here<input type="text" id="user" name="Name" /></label></div>

### 18. `<bdo>` --- Bidirectional Override 
* *type:* inline element
* *content:* flow content/phrasing content/palpable content
* *support:* all browsers
* *example:*
```<p><bdo dir="rtl>This whole sentence will be in reverse</bdo></p> ```
<p><bdo dir="rtl"> this whole sentence will be in reverse<bdo></p>


### 19. `<b>` --- The B element
* *type:* inline element
* *content:* flow content/phrasing content/palpable content 
* *support:* all browsers
* *example:*
```<p> Select the <b>HTML</b> document ```
<p>Select the <b>HTML</b> document

### 20. `<sup>` --- Superscript Element
* *type:* inline element
* *content:* flow content/phrasing content
* *support:* all browsers
* *example:*
```<p>I take classes at <sup>The Iron Yard</sup></p>```
<p>I take classes at <sup>The Iron Yard</sup></p>

<hr>

## Common HTML Attributes 

`acesskey` -- Keyboard Shortcut for Element

* *values:* space-separated list of characters
* *support:* all browsers
* *examples:*

````<a href="someURL" acesskey="h"> Hello World! </a> ````

`draggable` -- Draggable Element

* *values:* *true* or *false*
* *support:* all browsers
* *examples:* 

````<div draggable="true"> Hello World! </div> ````

`spellcheck` -- element can be Spellchecked or Not

* *values:* *true* or *false*
* *support:* all browsers
* *examples:*

````<p spellcheck="false">hjfdshkafsafsadfhasdhff</p>````

`style` -- Style Tag

* *values:* CSS styling declarations
* *support:* all browsers
* *example:*

````<p style="color:blue; text-align:center> Hello World! </p>````

`class` -- element class name

* *vaules:* space separated list of classes
* *support:* all browsers
* *examples:*

````<h2 class="firstHeader"> Hello World </h2>````

`contenteditable` -- indicates if element should be editable by the user

* *values:* *true* or *false*
* *support:* all browsers
* *examples:*

````<p contenteditable="false"> The content in this paragraph cannot be edited </p> ````

{'fraction_non_alphanumeric': 0.21145168819044655, 'fraction_numerical': 0.010269176909911311, 'mean_word_length': 4.62582056892779, 'pattern_counts': {'":': 0, '<': 427, '<?xml version=': 0, '>': 427, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1487870', 'n_tokens_mistral': 4622, 'n_tokens_neox': 4316, 'n_words': 1426}