Author: Awais Farooq

  • How To Add Images In HTML To Your Website

    In today’s modern digital world, images are everything. The <img> tag has everything you need to display images on your site. Much like the <a> anchor element, <img> also contains an attribute. The attribute features information for your computer regarding the source, height, width and alt text of the image. Styling and Formats You can also define borders and other styles around the image using the class…

  • How To Add Links In HTML

    As you may have noticed, the internet is made up of lots of links. Almost everything you click on while surfing the web is a link takes you to another page within the website you are visiting or to an external site. Links are included in an attribute opened by the <a> tag. This element is the first that we’ve…

  • How To Add Text In HTML

    Adding text to our HTML page is simple using an element opened with the tag <p> which creates a new paragraph. We place all of our regular text inside the element <p>. When we write text in HTML, we also have a number of other elements we can use to control the text or make it appear in a certain…

  • How to Add HTML Headings To Your Web Page

    In HTML, headings are written in the following elements: As you might have guessed <h1> and <h2> should be used for the most important titles, while the remaining tags should be used for sub-headings and less important text. Search engine bots use this order when deciphering which information is most important on a page. Creating Your Heading Let’s try it out. On…

  • Adding Content

    Next, we will make <body> tag. The HTML <body> is where we add the content which is designed for viewing by human eyes. This includes text, images, tables, forms and everything else that we see on the internet each day.

  • Further Tags

    Inside the <head> tag, there is one tag that is always included: <title>, but there are others that are just as important:<title>This is where we insert the page name as it will appear at the top of the browser window or tab.<meta>This is where information about the document is stored: character encoding, name (page context), description. Let’s try out a basic <head> section:

  • Basic Construction of an HTML Page

    These tags should be placed underneath each other at the top of every HTML page that you create. <!DOCTYPE html> — This tag specifies the language you will write on the page. In this case, the language is HTML 5. <html> — This tag signals that from here on we are going to write in HTML code. <head> — This is where…

  • Creating Your First HTML Webpage

    First off, you need to open your HTML editor, where you will find a clean white page on which to write your code. From there you need to layout your page with the following tags.

  • What To Avoid

    Your code’s front-end view varies from browser to browser – you will learn more about this with advanced CSS. Do not use Microsoft Word or any other word processor when writing HTML code, only an HTML editor or at the very least, your machine’s built-in notepad, is suitable for the task. Secondly, ensure that you’ve installed…

  • Komodo Edit

    Komodo Edit is one of two editors released by the same label. They offer a simple, open-source editor with a variety of extensions and language support. It is free to download. Pros Cons