Here are the steps to draw a basic tobot using HTML:
Step 1) Draw the body
The body will be the main rectangular section. Use the <div> tag to draw it:
<div class="body"></div>
Step 2) Add the head
The head will sit atop the body. Add another <div> tag inside the body:
<div class="body">
<div class="head"></div>
</div>
Step 3) Add arms
The arms connect to the sides of the body. Add two more <div> tags inside the body:
<div class="body">
<div class="head"></div>
<div class="arm left"></div>
<div class="arm right"></div>
</div>
Step 4) Add legs
The legs extend below the body. Add two more <div> tags inside the body:
<div class="body">
<div class="head"></div>
<div class="arm left"></div>
<div class="arm right"></div>
<div class="leg left"></div>
<div class="leg right"></div>
</div>
Then add CSS styling to position and draw the shapes of each part!
Related tutorial videos:
How To Draw A Robot Using Shapes
How To Draw Robot Folding Surprise
Leave a Reply