Skip to the content.

Basics of HTML • 1 min read

Home HTML Data Types DOM JavaScript JS Debugging
%%html
<head>
  <link rel="stylesheet" href="/xavier/assets/css/basics.css">
</head>


<style>
#button {
  text-align: center;
}
</style>

<div id="button">
    <p>This button needs to be paired with DOM</p>
    <button class="button">Click Me</button>
</div>
<br>
<div style="text-align:center">
    <a href="/xavier/回家一个月">Chinese Story</a>
    <br>
    <a href="https://www.youtube.com/watch?v=K63R4vMwlDY">Song</a>
    <p>Two hyperlinks that redirects you to a story about a boy who stays at home too long in chinese and a song in chinese</p>
</div>

This button needs to be paired with DOM


Chinese Story
Song

Two hyperlinks that redirects you to a story about a boy who stays at home too long in chinese and a song in chinese