How To: Link

HTML

<!DOCTYPE html>
<html lang="de">
  <head>
     <meta charset="utf-8" />
	 <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Title</title>
	 <link rel="preconnect" href="https://fonts.gstatic.com">
	 <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" 
      rel="stylesheet">
  </head>
  <body>

	 <h1>This is heading 1</h1>
	 <p>This is a paragraph</p>

	 <img src="https://miro.medium.com/max/382/1*LYIt459KOTM4R-uQFHg_bw.png" 
      alt="CSS Box">

	 <a href="https://www.google.ch">This is a link</a>
	 <a href="https://www.google.ch" target="_blank">This is also a link</a>

  </body>
</html>

Link to send an e-mail:

<a href="mailto:[email protected]">Send email</a>

CSS Example

PreviousHow To: ImageNextHow To: Image as Link

Last updated