# DevTools Exploration

## website 1 example.com

### Html Tags Used
- html: 1
- head: 1
- meta: 18
- script: 18
- title: 1
- link: 10
- style: 13
- body: 1
- div: 104
- noscript: 2
- input: 6
- a: 374
- img: 260
- nav: 3
- span: 85
- i: 4
- aside: 3
- ul: 41
- li: 358
- header: 1
- form: 2
- button: 2
- main: 2
- h1: 1
- p: 4
- section: 1
- h2: 3
- figure: 5
- svg: 19
- path: 21
- g: 5
- polygon: 1
- footer: 1
- br: 1

### Page Title
Example-Free Interactive Resource

### Number of Headings
- 2 {h1}
- 2 {h2}

---

## Website 2: developer.mozilla.org

### Navigation Menu
Wrapped inside <nav> tag.

### Search Bar Structure
Search bar is inside a <form> element containing:
- input type="search"
- button
### Hover Effects
On hover, links change colour and show underline.

--

## Website 3: nse.co.ke

### Five HTML Elements
- header
- section
- img 
- button
- footer

### Form and Inputs 

**Form Structure:**
- `form id="searchform"`
- `form className="searchform"`

**Input Elements:**
- `input type="text"`
- `input name="s"`
- `button id="s"`

**Note:** The image reference `![alt text](image-1.png)` appears to be broken - the image file doesn't exist in the repository.