Skip to main content

HTML Basics

 Here we will see some HTML examples, Forget about the tags you have not learned yet.

HTML Document:

All HTML documents start with a document-type declarations : <!DOCTYPE html>

A HTML document itself begins with <html> and close with </html>

The visible part of the web page will be <body> and </body>


The <!DOCTYPE> Declaration:

  1. The <!DOCTYPE> declaration represents the document type and helps browsers display web pages correctly.
  2. It must only appear once, at the top of the page (before any HTML tags).
  3. The <!DOCTYPE> declaration is not case sensitive.

HTML Headings:

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

HTML Paragraphs:

HTML paragraphs are defined with the <p> tag

HTML Links:

HTML links are defined with the <a> tag. The link's destination is specified in the href attribute. . Attributes are used to provide additional information about HTML elements.

HTML Images

HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:



Comments

Popular posts from this blog

When there is.... It matters!

When there is no wind... It matters to see a tree dance! When there is no way home... It matters to keep a thin memory! When there is no light... It matters to keep a lighter! When there is no sweetheart... It matters by surrounded with friends! When there is no sweet memory to remember... It matters to create them by own! When there is no achievement... It matters to grab an opportunity! When there is no plan... It matters to hit hard the goal! When there is a heart... It matters to keep it unbroken! When there is  no knowledge... It matters to get rich! When there is no path... It matters to keep thoughts clear! When there is   no hope... It matters to keep motivated! When there is no life... It matters to remember YOU ARE THE LIFE

VSCode for web developers.

Visual Studio Code:  Visual Studio Code is a freeware source-code editor made by Microsoft for Windows, Linux, and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Download VSCode: We can download VSCode by this  download link.  Select an installer based on your operating system and install it. Creating a new HTML file: Open VSCode Click ctrl+b (It will open the file explorer on the left side.) Choose your folder or in the root of your folder Click the new file in the top right corner of the explorer gives a name with the extension (Ex: inde.html). Write some HTML code. Click ctrl+s to save the file. Now browse the file in any of your favorite browsers to see your web page.

Why web browser need for HTML (Website)?

Purpose of web browser  The main purpose of a web browser is to read and render the HTML document into human-readable and formatted content. Common browsers There are many browsers available in the web era, and these are some commonly used browsers worldwide. Chrome Edge Firefox Safari Opera HTML page structure <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> The HTML's timeline There have been many versions of HTML till now over the journey of the W orld W ide W eb. Year Version 1989 Tim Berners-Lee invented www 1991 Tim Berners-Lee invented HTML 1993 Dave Raggett drafted HTML+ 1995 HTML Working Group defined HTML 2.0 1997 W3C Recommendation: HTML 3.2 1999 W3C Recommendation: HTML 4.01 2000 W3C Recommendation: XHTML 1.0 2008 WHATWG HTML5 First Public Draft 2012 WHATWG HTML5 Living ...