Record page link is not appearing in the email

Question

I am sending out an email from my code after a certain action, and I am trying to add the record link to it. But in the email that is being sent out, the link of the record page is not appearing or working and I am not sure why.

I am adding the code for the email template below. Can someone please look into this and let me know what am I doing wrong. Thanks in advance.

strMailText = '';
            strMailText += '<div>Hi, <br/> <br/> The IO file synced successfully from SF to OB for the SF Order ID: </b>' + sfOrderId + '<br/>' +
                                            '<br/> The URL to the Order Record is as below <br/>'+ 
                                            '<a href= '+ URL.getSalesforceBaseUrl()+'/'+sfOrderId+'>Order Record Page</a><br/><br/> Thank you';
            strMailText += '</body></html>';

            Messaging.SingleEmailMessage message = new Messaging.SingleEmailMessage();
            message.toAddresses = new String[] { '[email protected]' };
            message.optOutPolicy = 'FILTER';
            message.subject = 'IO File Synced Successfully from SF to OB for Order Number ' + sfOrderId;
            //message.plainTextBody = strMailText;
            message.setHtmlBody(strMailText);
            Messaging.SingleEmailMessage[] messages =   new List<Messaging.SingleEmailMessage> {message};
            Messaging.SendEmailResult[] results = Messaging.sendEmail(messages);

Html code in browser inspection window

Updated Code based on inputs of sfdcfox

strMailText = '';
            strMailText += '<div>Hi, <br/> <br/> The IO file synced successfully from SF to OB for the SF Order ID: </b>' + sfOrderId + '<br/>' +
                                            '<br/> The URL to the Order Record is as below <br/>'+ 
                                            '<a href="'+ URL.getSalesforceBaseUrl().toExternalForm()+'/'+sfOrderId+'">Order Record Page</a><br/><br/> Thank you';
            strMailText += '</body></html>';

            Messaging.SingleEmailMessage message = new Messaging.SingleEmailMessage();
            message.toAddresses = new String[] { '[email protected]' };
            message.optOutPolicy = 'FILTER';
            message.subject = 'IO File Synced Successfully from SF to OB for Order Number ' + sfOrderId;
            //message.plainTextBody = strMailText;
            message.setHtmlBody(strMailText);
            Messaging.SingleEmailMessage[] messages =   new List<Messaging.SingleEmailMessage> {message};
            Messaging.SendEmailResult[] results = Messaging.sendEmail(messages);

Answer 1

Your code is outputting something like:

<a href= https://my.salesforce.com/12345>Order Order Page</a>

Which is not proper HTML, so it gets rendered incorrectly.

It should look like:

<a href="https://my.salesforce.com/12345">Order Order Page</a>

Your href attribute needs to be quoted, and not have a space after the equals sign.

You also need to convert the URL from a URL to a String with toExternalForm().

The following Apex should work:

'<a href="'+ URL.getSalesforceBaseUrl().toExternalForm()+'/'+sfOrderId+'">Order Record Page</a><br/><br/> Thank you';