Bootstrap 4 y php uso de etiquetas H




Codigo 01:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 4</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container" >
<?php
  for($a=1;$a<7;$a++)
    echo "<h$a>h$a Bootstrap y PHP</h$a>";
?> 
</div>

</body>
</html>

Codigo 02:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 4</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container" >
<?php
$V[1]="Misón";
$V[2]="Visión";
$V[3]="Objetivos";
$V[4]="Cultura Laboral";
$V[5]="Historia";
$V[6]="Contacto";
$V[0]="Comentarios";
  for($a=1;$a<7;$a++)
    echo "<h$a>h$a Bootstrap y PHP - $V[$a]</h$a>";
?>
</div>
</body>
</html>


Codigo 03:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap 4</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container" >
<?php
$V[1]="Misón";
$V[2]="Visión";
$V[3]="Objetivos";
$V[4]="Cultura Laboral";
$V[5]="Historia";
$V[6]="Contacto";
$V[0]="Comentarios";
  for($a=1;$a<7;$a++)
    echo "<h$a>h$a Bootstrap y PHP - $V[$a]</h$a>";
  echo "<hr>";   
  for($a=1;$a<7;$a++)
    echo "<h$a>h$a <small> $V[$a]</small></h$a>";
  echo "<hr>";   
  for($a=1;$a<7;$a++)
    echo "<h$a>h$a  <p>Vector <abbr title='H$a'>$V[$a]</abbr> </p>  </h$a>";
   
    ?>
</div>
</body>
</html>
 

1 comentario:

  1. Realice mi actividad con algunas dificultades al inicio pero se pudo resolver correctamente todo,entendí bien la actividad.

    ResponderBorrar