Recorder tool will let you get started, but not enough.
You, a programmer, should change the test case editor from “Manual mode” to “Script mode”, edit the test case script in the Script mode, so that the test case can deal with the URL of your target application.
In order to write appropriate code, you are required to read and understand HTML source code of your target web page.
In order to read HTML source, you should learn how to use DevTools of web browser.
Have a look at the following tutorial.
As for XPath, the following tutorial would be good:
As for CSS Selector, … well, there are hundreds and thousands of tutorials for CSS on the Internet. Whichever you like will do.