Introduction to HTML | Build Your Own Static Website | Cheat Sheet

-

 


1. Basic Structure

The basic structure of any HTML document is as follows:

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    Your code goes here
  </body>
</html>

2. Heading Element

The HTML  h1 element defines a main heading.

<h1>Tourism</h1>

3. Paragraph Element

The HTML p element defines a paragraph.

<p>Plan your trip wherever you want to go</p>

4. Button Element

The HTML button element defines a button.

<button>Get Started</button>

example:-

HTML Code:-

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <h1>Tourism</h1>
    <p>Plan your trip wherever you want to go</p>
    <button>Get Started</button>
  </body>
</html>

Output:- 

Comments

Post a Comment

Popular posts from this blog

Introduction to CSS Box Model | Part 1 | Build Your Own Static Website | Cheat Sheet

-
Image
  CSS Box Properties 1. Height The CSS height property specifies the height of an HTML element. .card {   height: 200px; } 2. Width The CSS width property specifies the width of an HTML element. .card {   width: 250px; } CSS Background Properties 1. Background Image The CSS background-image property specifies the background image of an HTML element.  .card {   background-image: url("https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/ocean.jpg"); } Warning:-  1. The background image takes the height of the content of an HTML element if you don't specify the height to  it. 2. The URL given to the background-image must be a valid URL to display the image.   2. Background Size The CSS background-size property specifies the size of the background image of an HTML element. .card {   background-size: cover; } Note:- Aspect Ratio is the ratio of the width and height (width/height) of an image. Example:- HTML Code:- <!DOCTYPE html...
Read more