Which of the following the correct way to embed external CSS into a webpage? code example

Example 1: add stylesheet html

<link rel="stylesheet" type="text/css" href="style.css">

Example 2: css without separate file

just add any style inside the first <p> or other element tag using style=" ;" 
<p style="font-size: xx-large;">test</p>