03 HTML Documents

HTML Documents

All HTML documents must start with a document type declaration.

<! DOCTYPE html>

The HTML document itself begins with <html> and ends with </html>

The visible part of the html document is between <body> and </body>


<!DOCTYPE> Declaration

The <!DOCTYPE> Declaration represents the document type and helps browsers to display web pages correctly.

It must only appear once, at the top of the page (before any HTML tags).

The <!DOCTYPE> declaration is not case sensitive.

The<!DOCTYPE> declaration for HTML5 is

<!DOCTYPE html>


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.

Example

<a href="https://www.google.com">This is a link</a>

The link's destination is specified in the href attribute.


HTML Images

HTML images are defined with the <img> tag.


The source file (src), alternative text (alt), width, and height are provided as attributes.

<img src="google.jpg" alt="www.google.com" width="100" height="100">


How to view HTML Source

View HTML source code:-

Right-click in an HTML page and select "View Page Source" (in Chrome) or "View Source" (in Edge), or similar in other browsers. This will open a window containing the HTML source code of the page.


Inspect an HTML Element:

Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.

Comments

Post a Comment

Popular posts from this blog

04 HTML Elements

  An HTML element is defined by a start tag, some content, and an end tag. HTML Elements The HTML element is everything from the start tag to the end tag Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag.
Read more

HTML element

  What is an HTML element? An HTML element is defined by a start tag, some content, and an end tag: <tagname> Content goes here... </tagname> The HTML element is everything from the start tag to the end tag. <h1>My First Heading</h1> Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag.
Read more

0001

Image
 1. HTML - Hyper Text Markup Language. 2. HTML is the standard markup language for creating Web pages. 3.  <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1> This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> 4. The <!DOCTYPE html> declaration defines that this document is an HTML5 document The <html> element is the root element of an HTML page. 5.  The <head> element contains meta information about the HTML page.  - meta information provides context and instructions to the browser and other systems (like search engines) about how to handle or interpret the HTML page.  - Interpret - 1. explain the meaning of (information or actions). 2. translate orally or into sign language the words of a person speaking a different language. The <title> element specifies a title for the HTML page (which is shown in the browser's title b...
Read more