The Basics Understanding Of HTML | Vosena News

The Basics Understanding Of HTML

54 Views
Loading...

Using HTML gives a good experience to writers who have the basic knowledge about it, by using basic HTML coding you can easily write contents, in the case of dragging and dropping an image, you may alter the size of the image, or you may leave image captions behind, but using HTML you can easily copy or cut the code and paste it the right position without leaving anything to worry behind.

HTML allows you to add ad codes on widgets to show advertisements in your website, you can use it to change text colour , fonts and much more.

In this post we will are going to take beginner bloggers who really want to write quality contents but lack the basics on how to use HTML.

What is HTML?

HTML is Hypertext Markup Language, this is the main language used to create web pages, it also can be used to define the structure and presentation of raw text. Markup language works by raw text with the information a computer can interpret, “marking it-up” for processing. A hype text displayed on a computer or devices that provides access to other texts throughout links is called – hyperlinks.

With HTML you can use special tags like <a> to add links and <img> to add images. To open a new tag, you simply type the tag you want to use just before the text you wish to change in some way: <a>. When you want to end that effect, you insert a closing tag, which is the same tag but with a slash </a>.

The most important thing to remember about HTML is that for every opening tag, <> you MUST have an equivalent closing tag, < />. If you forget to close a tag, your formatting can turn into a mess. A Document Type Declaration <DOCTYPE html> is an instruction that tells the browser what type of document to expect along with what version of HTML is being used in the document. It do help browsers understand your HTML content.

Boilerplate example

Here are some of the examples of tags used in HTML

  1. <!DOCTYPE html>
  2. <html> </html> anything between this codes will be considered HTML code
  3. <> angle brackets
  4. ( HTML element ) lives inside angle brackets
  5. Opening tags – the first HTML tag used to start an HTML element e.g <HTML>
  6. Closing tags – the second HTML used to end an HTML element have forward slash inside of them
  7. <H1> element is for headings (main) <H2><H3><H4><H5> subheadings
  8. <ul> elements are for texts you decide to put on bullet points
  9. <p> element for adding paragraphs
  10. <li> element used to add items on the (ul) since (ul) can’t hold raw texts with bullet points
  11. <ol> element used for text you decide to put on number points
  12. <a> used to add links to a web page
  13. (href) provides name and value of the attribute
  14. <a> and (href) are used together
  15. <img> element lets you add images to a web page , when adding an image the <img> element requires an attribute called (src)
  16. (alt) helps blinds to understand the image in your web.
  17. <br /> element is used when you are interested in modifying the spacing in the browser

To make the structure of code easier to read a lot of web developers use indentation.

Adding a link

When adding a link to a web page don’t ignore quotation marks or any angle brackets, they are both of a great importance.

While adding a link you can command it to open in a new window, use the ( target ) element for this function. ( Target ) means open in a new window.

Example of a link containing target

Adding An Image

In HTML, the images are defined with the <img> tag, this tag is empty and contains attributes only and does not have a closing tag. The src attribute specifies the URL ( web address ) of the image.

<img src=”url”>

Example of an image added using HTML

 

Adding a video

Is a bit difficult adding a video but use the image below to help you understand that more easily and how to implement the code.

Example of adding a video to your site

Adding comments

To add comments you must begin with <!……………………….. and end with …………..>. Any characters in between will be treated as a comment.

Formatting Text

Loading...
Tags:

Add New Comment