Basics of HTML(Hypertext Markup Language)

Basics of HTML(Hypertext Markup Language)

·

2 min read

HTML is the language used to create the structure and content of a blog/website or a webpage.Here are some basic HTML elements you'll need to know to get started:

  1. Head section: This is where you'll include metadata about your blog, such as the title, author, and description. You'll also need to link to any CSS files you're using to style your blog.

  2. Body section: This is where you'll include the content of your blog/webpage, including headings, paragraphs, and images.

  3. Heading tags: These tags are used to create headings for your blog/webpage posts. The main heading should be an H1 tag, and subsequent headings should be H2, H3, and so on.

  4. Paragraph tags: These tags are used to separate your content into paragraphs. They should be used whenever you have a new idea or topic to discuss.

  5. Image tags: These tags are used to include images in your blog/webpage posts. You'll need to specify the source of the image (using the "src" attribute) and provide alt text (using the "alt" attribute) for accessibility purposes.

  6. Links: Links are used to connecting different pages of your blog, as well as to external websites. You'll need to use the "a" tag and specify the URL you want to link to.

  7. Lists: Lists can be used to organize your content. You can create ordered lists (using the "ol" tag) or unordered lists (using the "ul" tag).

    Here's an example of the basic structure of an HTML :

    <!DOCTYPE html>

    <html>

    <head>

    <title>My Blog Post</title>

    <meta name="author" content="Your Name">

    <meta name="description" content="A brief description of your post">

    <link rel="stylesheet" href="styles.css">

    </head>

    <body>

    <h1>My Blog Post</h1>

    <p>Here is the first paragraph of my post.</p>

    <p>Here is the second paragraph of my post.</p>

    <img src="image.jpg" alt="Description of image">

    <p>Here is a link to <a href="example.com">another website</a>.</p>

    <ol>

    <li>List item 1</li>

    <li>List item 2</li>

    </ol>

    <ul>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

    </ul>

    </body>

    </html>