Search

Html Basic tags

The <!DOCTYPE html>With this tag, we define that this is a html document.
The <html> element is start point And the root element of Html element
The <head> element contains meta information and CDN other page link about the document
The <title> element specifies a title for the document and show the title  top on browser
The <body> element contains the view page content and all coding inside the body tag

<html> tag

The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <! DOCTYPE> tag). Note: You should always include the lang attribute inside the <html> tag, to declare the language of the Web page.

<title> tag

The title tag is an HTML code tag that allows you to give a web page a title. This title can be found in the browser title bar, as well as in the search engine results pages (SERP). It's crucial to add and optimise your website's title tags

<head> tag

The <head> tag contains metadata (document title, character set, styles, links, scripts), specific information about the web page that is not displayed to the user. Metadata provides browsers and search engines with technical information about the web page.

<body> tag

HTML <body> tag. HTML <body> tag defines the main content of an HTML document which displays on the browser. It can contain text content, paragraphs and etc.

HTML headings tag

HTML We define the heading tag from <h1> to <h6>
<h1>This is Stack Overlode heading 1</h1>
<h2>This is Stack Overlode heading 2</h2>
<h3>This is Stack Overlode heading 3</h3>
<h4>This is Stack Overlode heading 4</h4>
<h5>This is Stack Overlode heading 5</h5>
<h6>This is Stack Overlode  heading 6</h6>

— The output of the above example will look something like this:-

HTML paragraphs tag

HTML paragraphs we are defined with the <p> tag:

— The output of the above example will look something like this:-

HTML buttons tag

HTML button we are defined with the <button> tag:

<button> button </button>

— The output of the above example will look something like this:-

HTML list tag

The Lists in HTML are of two Type:-

  • <ul> unordered  / bullet  list tag:
  • <ol> ordered  / numbered list tag:

With these two tags we use to <li> list item tag :

— The output of the above example will look something like this:-

HTML images tag

HTML Image we are defined with the <img> tag:

— The output of the above example will look something like this:-

The required (src) attribute specifies the URL of the image.

Note: When a web page loads; it is the browser, at that moment, that gets the image from a web server and inserts it into the page. (alt) attribute this is a alternative text When our image does not apply, our text is printed at all times.Height and width are provided  as attribute :

— The output of the above example will look something like this:-

HTML Anchor & Link Tag

HTML Anchor and Link tag we are defined with the <a> tag:

— The output of the above example will look something like this:-

Note: The link's and anchor tag destination is specified in the href attribute.

Attributes are used to provide additional information about HTML elements

Stack Overlode is optimized Tutorials and examples for learning and training. Examples might be simplified to improve reading and learning and understand. Tutorials and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using Stack Overlode, you agree to have read and accepted our terms of use, cookie and privacy policy.