---
# System prepended metadata

title: html

---

# html

**ex1**

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
    <body>     
                    
  
        <h1>Try Figma for free.</h1>
        
        <a href="https://wipsites.com.br"><button background-image:url("http://www.w3.org/2000/svg");><b>Sign up with Google</b></button></a></b>
        <p>or</p>
        <form>
            <p><input type="text"></p>
            <p><input type="text"></p>
                      
        </form>
        <button name="button" style="color: #ffff; background-color: black;">Create Account</button>
            

        <p><a href="www.google.com.b">Sign up with SAML SSO</a></p>
        <p>Already have an account? <a href="www.teste.com">Login</a></p>
        <p>This site is protected by reCAPTCHA and the Google <a href= "www.teste.com.br">Privacy</a></p>
        <p><a href= "www.teste.com">Policy</a> and <a href="www.teste.com">Terms of Service apply.</a></p>
        </body>
    </head>
</html>

================================

style.css

   body {
    text-align: center;
    }

button{    
    
    font: sans-serif;
    height: 45px;
    width: 320px;
    color: #000;
    border: 3px solid #000;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 16px;  
    font-family: sans-serif;  
  }
    
    input{
        background-color: #ffffff;
        padding: 0px,6px,0,12px;
        color: black;
        height: 45px;
        width: 320px;
        border-radius: 8px;        
    }
    
**ex2**

<html>
<head>
    <link rel='stylesheet' type='text/css' media='screen' href='estilo.css'>
<body>
    <table align='center'>
        <tr align="center">  
    <td>
        <img src="mulher.jpg" alt="some text" width=420 height=420>
    </td>
        <td style="text-align: center; vertical-align: middle;"><font size='32px'>Torne-se um instrutor</font></br></br>
        </br>    
        Os melhores instrutores do mundo lecionam a</br>
        milhões e alunos na Udemy. Oferecemos as</br>
        ferramentas e habilidades para ensinar o que</br>
        você ama.</br></br></br></br>

        <button name="button" style="color: #ffffff; background-color: #0f7c90; 
        width: 200x; height: 60px;">Comece a ensinar hoje mesmo</button>
        </td>
    </tr></table></br>

<hr>
    
    <table align='center'>
      <tr align="center">
           <td>
               <font color="black"><b>Ganhou a confiança de empresas de todos os tamanhos</b></font>
           </td>
        </tr>
          
        
    <tr>
     

    <td align="center">
        <img src="booking-logo.svg" alt="some text" width=200 height=100>
    </td>
        <td align="center">
            <img src="volkswagen-logo.svg" alt="some text" width=100 height=45>
        </td>
        <td>
            <img src="mercedes.svg" alt="some text" width=140 height=140>
        </td>
        <td>
            <img src="adidas.svg" alt="some text" width=100 height=50>
        </td>
        <td>
            <img src="even.svg" alt="some text" width=150 height=100>
        </td>
</tr>
</table>
<hr>
</body>
</head>
</html>> 

**ex3**

<html>
    <head>
    <body>
<table align="center"; width="100%"; bgcolor="#262f36"> 
<tr style="text-align: center; vertical-align: middle;">
<td>    
        <table align="center">   
        <tr>
            <td width="40%" align="center">
                  <img src="district.svg" alt="some text" width=250 height=250>
            </td>
       
            <td width="60%">
                <font color="#ffffff">
                THE AMAZING</br>
                <H3>TypingClub School Edition</H3></br>
                TypingClub School Edition is the most powerful and popular software used</br>
                by teachers, schools and districts.</font><br><br>

                <button name="button" style="background-color: #FFFFFF; 
                width: 200px; height: 60px;">Learn more</button>
            </td>           
            </tr>    
        </table>        
</td>
</tr>
</table>
    </body>
    </head>
</html>


body{

    text-align: center;
}

table{

    background-color: #0000;
}

button{        
    font: sans-serif;
    color: #000;
    border: 3px solid #000;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 16px;  
    font-family: sans-serif;  
  }
  
  **ex4**
  
  <html>
    <head>
    <body>
<table align="center"; width="100%"; bgcolor="#ffffff"> 
<tr style="text-align: center; vertical-align: middle;">
<td>    
        <table align="center">   
        <tr>
            <td width="25%" align="center">
                <img src="nuvem.jpg" alt="some text" width=80 height=100>              	
           </td>
       
            <td width="25%">
               <font color="#e97b00">MySQL Database Service with HeatWave</font></br><br>

                MySQL Database Service is a fully managed database service to deploy cloud-native applications. HeatWave, an integrated, high-performance analytics engine accelerates MySQL performance by 400x.
                Learn More »</br><br>
            </td>  
            
            <td width="25%">
                <img src="pizza.jpg" alt="some text" width=80 height=100>           	
            </td>
            <td width="25%">
                <font color="#e97b00">MySQL Enterprise Edition</font></br><br>                 

                 The most comprehensive set of advanced features, management
                 tools and technical support to achieve the highest levels of MySQL
                 scalability, security, reliability, and uptime.
                 Learn More »
            </td>
            </tr>    
        </table>        

        <table align="center">   
            <tr>
                <td width="25%" align="center">
                    <img src="base.jpg" alt="some text" width=80 height=100>              	
               </td>           
                <td width="25%">
                    <font color="#e97b00">MySQL for OEM/ISV</font></br><br>
                    Over 2000 ISVs, OEMs, and VARs rely on MySQL as their products'
                    embedded database to make their applications, hardware and
                    appliances more competitive, bring them to market faster, and lower
                    their cost of goods sold.  
                </td>  
                
                <td width="25%">
                    <img src="globo.jpg" alt="some text" width=80 height=100>           	
                </td>
                <td width="25%">                  	
                    <font color="#e97b00">MySQL Cluster CGE</font></br><br>

                    MySQL Cluster enables users to meet the database challenges of
                    next generation web, cloud, and communications services with
                    uncompromising scalability, uptime and agility.
                    Learn More »
                </td>
                </tr>    
            </table>       
</td>
</tr>
</table>
    </body>
    </head>
</html>