SAP ABAP HTML EX01

From SapWiki

Ejemplo de HTML como base de e-mail con imagenes y link

<!DOCTYPE html>  
  <HTML>
   <HEAD>
   	<meta charset="ISO-8859-1">
    <TITLE>Mi titulo</TITLE>
<style>
.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #037A36;} /* Green #4CAF50*/
.button1 {border-radius: 8px;}
.button2 {background-color: #008CBA;} /* Blue */

.center {
  margin: 0;
  position: absolute;
  /*top: 50%;*/
  left: 50%;
  -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);
}

a:link, a:visited {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 8px;
  font-size: 20px;
  margin: 4px 2px;
  background-color: #037A36;
  font-family:Catamaran, sans-serif;
}

a:hover, a:active {
  background-color: #037A36;
}
</style>

   </HEAD>
   <BODY>
     <p class=Default align=center>
     <IMG alt="Rechazo" SRC="campanita.jpg" width="130" height="134"/>
     </p>
     <H1 style="text-align:center;font-family:Catamaran, sans-serif;color:#8a8a8a">Rechazo del pago</H1>
     <p style="font-family:Catamaran, sans-serif;color:#8a8a8a">Estimado señor:</p>
     <p style="font-family:Catamaran, sans-serif;color:#8a8a8a">encompass information about the page body—the actual content rendered when the page is loaded by the browser. Some of the elements contained within this pair of tags are the header and footer. Within the body, you may display a number of text lines, tables, forms, and graphics. You may have a 
     	  number of headings such as <heading1>, <heading2>, and so on. Using the tag, you can also specify where a new paragraph starts. The browser reads the various elements within the body and renders the page accordingly.</p>
     <br>
     <br>
      <form action="http://www.sapwiki.cl" method="get" target="_blank">
      <div class="center">
         <button type="submit" class="button button1">Ir a Sitio Web Empresa</button>
      </div>
      </form>
      
      <br>
      <br>
      <br>
      <br>
      <div class="center">
        <a href="http://www.sapwiki.cl" target="_blank">Ir a Sitio Web Empresa</a>
      </div>
   </BODY></HTML>