# How to use HMTL node?

**URL:** <https://community.n8n.io/t/how-to-use-hmtl-node/34312>\
**Category:** Questions\
**Tags:** html\
**Created:** [December 18, 2023, 11:28am UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312 "2023-12-18T11:28:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![timautomation](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@timautomation](https://community.n8n.io/u/timautomation)\
**Post date:** [December 18, 2023, 11:28am UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312/1 "2023-12-18T11:28:05Z")

</div>

## Describe the problem/error/question

I do not understand how to choose the CSS selector, Key and attribute fields in the HTML node. I would like to check this site and choose if there is a new rule in the table of content:  
[Apache Tomcat® - Apache Tomcat 9 vulnerabilities](https://tomcat.apache.org/security-9.html)

How can I find the CSS selector and attribute easily? I tried finding it in the page source and through inspect, but I do not understand how to fill the field in n8n.

 ![image](https://europe1.discourse-cdn.com/n8n/original/3X/c/8/c8d284411f49bdf9fa6d8817e4224ec10e8ff329.png)

The documentation of the node was also not helpful: [HTML | n8n Docs](https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.html/)

 ![image](https://europe1.discourse-cdn.com/n8n/original/3X/4/c/4cd3f3d5593aa5f95cffaafaf78e6435932c6005.png)

## Please share your workflow

## Information on your n8n setup

- **n8n version:** 1.19.5
- **Database (default: SQLite):**
- **n8n EXECUTIONS\_PROCESS setting (default: own, main):**
- **Running n8n via (Docker, npm, n8n cloud, desktop app):**
- **Operating system:**

---

<div class="post-metadata">

**Author:** ![maxT](https://dub1.discourse-cdn.com/n8n/user_avatar/community.n8n.io/maxt/32/31233_2.png) [@maxT](https://community.n8n.io/u/maxT)\
**Post date:** [December 18, 2023, 1:43pm UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312/2 "2023-12-18T13:43:30Z")

</div>

Hi there! I recorded a generic video on how to solve this type of case but I used your usecase so you also get your solution. Hope it helps!

---

<div class="post-metadata">

**Author:** ![maxT](https://dub1.discourse-cdn.com/n8n/user_avatar/community.n8n.io/maxt/32/31233_2.png) [@maxT](https://community.n8n.io/u/maxT)\
**Post date:** [December 18, 2023, 1:47pm UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312/3 "2023-12-18T13:47:59Z")

</div>

Here is also the WF JSON from my video (but I encourage you to redo it yourself for the learnings muscle memory 🙂

---

<div class="post-metadata">

**Author:** ![timautomation](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@timautomation](https://community.n8n.io/u/timautomation)\
**Post date:** [December 19, 2023, 9:34am UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312/4 "2023-12-19T09:34:53Z")

</div>

Max 🙂👊 this is absolutely awesome. Thank you very much for explaining this in so much detail! You made my day!

Maybe you can even link this video on the Docs so everyone can find it.

Kind regards,  
Tim

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/n8n/user_avatar/community.n8n.io/system/32/195824_2.png) [@system](https://community.n8n.io/u/system)\
**Post date:** [December 26, 2023, 9:35am UTC](https://community.n8n.io/t/how-to-use-hmtl-node/34312/5 "2023-12-26T09:35:23Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.