<!DOCTYPE html> 
<html> 

    <head>
        <title>Ejemplo Node</title>  
        <script src="codigo_js.js"></script>  
        <link href="ej4.css" rel="stylesheet">
        
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css" integrity="sha512-gMjQeDaELJ0ryCI+FtItusU9MkAifCZcGq789FrzkiM49D8lbDhoaUaIX4ASU187wofMNlgBJ4ckbrXM9sE6Pg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    </head>

 
    <body id="cuerpoApp">
        <div style="color: blue;">   
            <h1> Web scrapping </h1>
        </div>

        <div class="col-2" style="color: red;">   
            <h2> Selenium </h2>
        </div>

             
             
        <div class="row headerSide justify-content-end">
            <div class="col-2">
                <div class="row h-100 w-100">
                    <div class="col-4">
                        <div class="row h-100 align-items-center text-center">
                            <i class="fa fa-signal" style="color: blue;"></i>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="row h-100 align-items-center text-center">
                            <i class="fa fa-wifi" style="color: brown;"></i>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="row h-100 align-items-center text-center">
                            <i class="fa fa-battery-full" style="color: red;"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <p style="color: blue;">My first paragraph.</p> <br>
            <p>This is another paragraph for this text cell.</p>   
            <a href="http://bayes.cs.ucla.edu/jp_home.html">This is a link for Judea Pearl Website</a> 
        </div>

         
        <div>
            <ul>
                <li>Coffee</li>
                <li>Tea</li>
                <li>Milk</li>
              </ul>
        </div>
        <div>
            
        <ol>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
          </ol>
        </div>

          
        <div>
        <table>
            <tr>    
              <th>Manager</th>   
              <th>Club</th>   
              <th>Nationality</th>   
            </tr>
              
            <tr>
              <td>Mikel Arteta</td>
              <td>Arsenal</td>
              <td>Spain</td>
            </tr>
              
            <tr>
              <td>Thomas Tuchel</td>
              <td>Chelsea</td>
              <td>Germany</td>
            </tr>
          </table>
        </div>

         

        <h1>3.0 Bottom </h1>

        <div>
        <p>Click the button below to display the hidden content from the template element.</p>

        <button onclick="showContent()">Click here</button>
    </div>

     

    <div>   
    <h3>4.0 The form element</h3>

    <form action="/action_page.php">
      <label for="fname">First name:</label>
      <input type="text" id="fname" name="fname"><br><br>
      <label for="lname">Last name:</label>
      <input type="text" id="lname" name="lname"><br><br>
      <button onclick="showContent()">Submit</button>
    </form>
    </div>
    
      


    <div> 
        <h1>5.0 Click para elegir </h1>
        <p>Click on one of the text labels to toggle the related radio button:</p>

        <form action="/action_page.php">
        <input type="radio" id="html" name="fav_language" value="HTML">
        <label for="html">HTML</label><br>
        <input type="radio" id="css" name="fav_language" value="CSS">
        <label for="css">CSS</label><br>
        <input type="radio" id="javascript" name="fav_language" value="JavaScript">
        <label for="javascript">JavaScript</label><br><br>

        <button onclick="showContent()">Submit</button>
    </div>

          

    <div> 
        <h1>6.0 Lista de opciones </h1>
    <form action="/action_page.php">
    <label for="cars">Choose a car:</label>
    <select name="cars" id="cars">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
    <br><br>
    </form>
  
    <button onclick="showContent()">Show hidden content</button>
</div>

</form>

    </body>


</html>

Collaborative Calculation and Data Science

colby

sagemath

Product

Resources

Company