html tutorials for beginners Archives - Artificial Intelligence https://www.aiuniverse.xyz/tag/html-tutorials-for-beginners/ Exploring the universe of Intelligence Sun, 02 Apr 2023 23:43:06 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 HTML Basic Structure https://www.aiuniverse.xyz/html-basic-structure/ https://www.aiuniverse.xyz/html-basic-structure/#respond Wed, 29 Mar 2023 04:59:09 +0000 https://www.aiuniverse.xyz/?p=16235 HTML Documents: All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document begins with <html> and ends with </html>. The visible part of the HTML document Read More

The post HTML Basic Structure appeared first on Artificial Intelligence.

]]> HTML Documents:

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

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

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

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Where,

  • <!DOCTYPE html> Element defines document types (Like HTML5 document).
  • <html> html element define the root element of an HTML page.
  • <head> Head elements contains meta information about the HTML page
  • <title> Title element specifies a title for the HTML page.
  • <body> Body element defines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • <h1> Heading element defines a large heading.
  • <p>  Paragraph element defines a paragraph.

What is the difference between tags and elements ?

Tag means the text surrounding by angular bracket is called tags.

Ex: <p> </p>

Element means the combination of tag and text is called elements.

Ex: <p> Welcome to html code</p>

HTML Attributes:

Html attribute is a word which gives additional information about html tags or elements.

Always we have to write the attribute inside the opening tag only.

Syntax: attribute name= “attribute value”

Example: align, style, href, src, alt, … etc.

Align: This attribute is used for left, right & center.

<!DOCTYPE html>
<html lang="en">
<head>
   
    <title>Attribute</title>
</head>
<body>

    <p Align = "center">Good Morning</p>
    <h1 style="color: crimson;" Align = "center">Hello World </h1>
    
</body>
</html>

Output:

The post HTML Basic Structure appeared first on Artificial Intelligence.

]]> https://www.aiuniverse.xyz/html-basic-structure/feed/ 0 HTML Headings: https://www.aiuniverse.xyz/html-headings/ https://www.aiuniverse.xyz/html-headings/#respond Wed, 29 Mar 2023 04:38:57 +0000 https://www.aiuniverse.xyz/?p=16239 HTML heading describe what type of heading given in html pages. There are six type of html headings using in html Syntax: <h1> This is heading 1 Read More

The post HTML Headings: appeared first on Artificial Intelligence.

]]> HTML heading describe what type of heading given in html pages.

There are six type of html headings using in html

Syntax:

<h1> This is heading 1 </h1>

<h2> This is heading 2 </h2>

<h3> This is heading 3 </h3>

<h4> This is heading 4 </h4>

<h5> This is heading 5 </h5>

<h6> This is heading 6 </h6>

Example of html heading tags:

<!DOCTYPE html>
<html>
<head>
        <title>HTML Deading Tags</title>
</head>
<body>
    <h1>This is heading tag 1</h1>
    <h2>This is heading tag 2</h2>
    <h3>This is heading tag 3</h3>
    <h4>This is heading tag 4</h4>
    <h5>This is heading tag 5</h5>
    <h6>This is heading tag 6</h6>
</body>
</html>

Output:

Note: if we write heading tag <h7>This is heading 7 </h7>, its display normal text because it is not predefine tags.

The post HTML Headings: appeared first on Artificial Intelligence.

]]> https://www.aiuniverse.xyz/html-headings/feed/ 0 What is HTML https://www.aiuniverse.xyz/what-is-html/ https://www.aiuniverse.xyz/what-is-html/#respond Tue, 28 Mar 2023 07:30:33 +0000 https://www.aiuniverse.xyz/?p=16222 HTML stands for Hyper Text Markup Language · HTML is the standard markup language for creating Web pages and Web Applications · HTML describes the structure of a Read More

The post What is HTML appeared first on Artificial Intelligence.

]]>

HTML stands for Hyper Text Markup Language · HTML is the standard markup language for creating Web pages and Web Applications · HTML describes the structure of a Web page ·

The first version of HTML was written by Tim Berners-Lee in 1993. Since then, there have been many different versions of HTML. The most widely used version throughout the 2000’s was HTML 4.01, which became an official standard in December 1999. Currently another popular version is HTML5. 

Hyper Text: Hypertext is text which contains links to other texts. Whenever you click on a link which brings you to a new webpage, you have clicked on a hypertext. Hyper Text is a way to link two or more web pages with each other.

Markup Language: A text, which is surrounding an angular bracket is called markup language.

Webpages: Webpage is nothing but a page which contain some information such as text, images, forms, tables, etc.

Websites: Collection of webpages are known as websites.

Example of HTML Documents:

<!DOCTYPE html>
<html>
<head>
<title>Web Page Title</title>
</head>
<body>

<h1>My 1st Heading</h1>
<p>My 1st paragraph.</p>

</body>
</html>

Example Explained:

  • <!DOCTYPE html> It’s defines document types (Like HTML5 document).
  • <html> It is the root element of an HTML page.
  • <head> Head elements contains meta information about the HTML page
  • <title> Title element specifies a title for the HTML page.
  • <body> Body element defines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • <h1> Heading element defines a large heading.
  • <p>  Paragraph element defines a paragraph.

The post What is HTML appeared first on Artificial Intelligence.

]]> https://www.aiuniverse.xyz/what-is-html/feed/ 0