How To Draw X Mas Tree

Now it’s time to create the branches of the Christmas Tree. Start with an open

tag. Inside this
tag, create two separate
• tags for each of the two branches of the tree.
  Each
• tag should contain the following parameters:
• The “branch” class will tell HTML to treat the
• tags like branches. Again, the “height” and “width” parameters will set the size of the branches.
  

  Step 3: Add Lights and Ornaments

  You might likeHow To Draw Valentines Day

  Christmas wouldn’t be Christmas without lights and ornaments! Thankfully, adding these elements in HTML is easy. All you need is an outer and inner

  .
  The outer

  will set the parameters for the ornament. Start by creating a basic

  tag like this:

  Then add the following parameters:

  The “ornament” class will tell HTML to treat the

  tag like an ornament. The “height” and “width” parameters will set the size of the ornament.
  The inner

  will set the parameters for the lights. Again, begin with a basic

  tag:

  And then add the following parameters:

  tag like a light. The “height” and “width” parameters will set the size of the light. The “color” parameter will set the color of the light to red.
  Finally, add the two

  tags inside the
• tags for each branch. That’s it – your tree is officially beaming with Christmas cheer!
  

  Step 4: Add Some Festive Text

  Nothing says Christmas like some festive text! To add a holiday message inside the tree, create a new

  tag. Inside this

  tag, include the following parameters:

  Merry Christmas!
  The “message” class will tell HTML to treat the

  tag like a message. The “color” parameter will change the text to a bright shades of blue, while the “font-family” parameter sets the font to Arial.
  You now have a beautiful Christmas Tree!

  Step 5: Style with CSS

  Now that your tree is ready, you can use CSS to style it. CSS stands for Cascading Style Sheets and is used to style HTML elements. Simply copy and paste the following code into your CSS.
  . tree
  background-color: #cccccc;

  . branch
  background-color: #99ccff;

  You might likeHow To Draw A Pit Bull Face

  . ornament
  background-color: #ff0000;

  . light
  background-color: #ffcc00;

  . message
  font-size: 24px;
  font-weight: bold;

  Congrats – you did it!
  Using these simple steps, you’ve now learned how to create a beautiful Xmas Tree using HTML. And you can use CSS to customize the colors and font types to make your tree extra festive.

  Conclusion

  You might likeHow To Draw With Shading

  Ready to get creative? Drawing a Xmas Tree with HTML is easy and fun. Using the tips and tricks outlined in this article, you’ll be able to create a unique and beautiful Xmas Tree in no time!