Jump to content
MaxCheaters Official Group on Discord
Top.MaxCheaters.com is now OPEN – Lineage 2 Top Listing

[Share] HTML Introduction

Red-Hair-Shanks

By Red-Hair-Shanks
in Guides & Tutorials

 Share

Recommended Posts

Red-Hair-Shanks Enthusiast

Red-Hair-Shanks

Posted
Posted


  • What we will see here?
     
    • Html Introduction
    • Html Basics
    • Html Elements
    • Html Attributes

 

 

Html Introduction

 

What is HTML?

 

HTML is a language for describing web pages.

 

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

 

 

 

HTML Tags

 

HTML markup tags are usually called HTML tags

 

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • Start and end tags are also called opening tags and closing tags

 

 

 

HTML Documents = Web Pages

 

  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

 

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

 

Example Explained

 

  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

 

 

 

Html Basics

 

 

HTML Headings

 

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

 

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

 

 

HTML Paragraphs

 

HTML paragraphs are defined with the <p> tag.

 

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 

 

HTML Images

 

HTML images are defined with the <img> tag.

 

<img src="worldb0x.jpg" width="104" height="142" />

 

 

HTML Elements

 

An HTML element is everything from the start tag to the end tag:

 

[table]

[tr]

[td]Start tag *[/td]

[td]Element content[/td]

[td]End tag *[/td]

[/tr]

[tr]

[td]<p>[/td]

[td]This is a paragraph[/td]

[td]</p>[/td]

[/tr]

[tr]

[td]<a href="default.htm" >[/td]

[td]This is a link[/td]

[td]</a>[/td]

[/tr]

[tr]

[td]<br />[/td]

[td][/td]

[td][/td]

[/tr]

[/table]

 

* The start tag is often called the opening tag. The end tag is often called the closing tag.

 

 

HTML Element Syntax

 

  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes

 

 

Nested HTML Elements

 

Most HTML elements can be nested (can contain other HTML elements).

 

HTML documents consist of nested HTML elements.

 

 

NHTML Document Example

 

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

 

The example above contains 3 HTML elements.

 

 

HTML Example Explained

 

The <p> element:

<p>This is my first paragraph.</p>

 

The <p> element defines a paragraph in the HTML document.

The element has a start tag <p> and an end tag </p>.

The element content is: This is my first paragraph.

 

The <body> element:

<body>
<p>This is my first paragraph.</p>
</body>

 

The <body> element defines the body of the HTML document.

The element has a start tag <body> and an end tag </body>.

The element content is another HTML element (a p element).

 

The <html> element:

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

 

The <html> element defines the whole HTML document.

The element has a start tag <html> and an end tag </html>.

The element content is another HTML element (the body element).

 

 

HTML Attributes

 

  • HTML elements can have attributes
  • Attributes provide additional information about an element
  • Attributes are always specified in the start tag
  • Attributes come in name/value pairs like: name="value"

 

Attribute Example

 

HTML links are defined with the <a> tag. The link address is specified in the href attribute:

<a href="http://www.worldb0x.com">This is a link</a>

 

Credits: to ◦Cobra◦!

  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing


  • Posts

    • Celestine
      MXC Shame

      By Celestine · Posted

      First of all, let us get one thing straight. Nobody is forcing you or anyone else on this forum to deal with Kara or buy anything from him. Every single user here has a keyboard and access to the search bar. MaxCheaters has years of archives. All anyone has to do is type "Kara" into the search box, read the history, and make their own informed decision. It takes five seconds to do your own due diligence before opening your wallet.   Second, throwing random insults around and calling me an ass licker just because I do not join your personal witch hunt shows how weak your argument actually is. Staying objective or not taking your side does not mean backing a scammer. Throwing a tantrum and attacking everyone in sight does not make you a hero, it just makes you look desperate for attention.   You are sitting here dragging developers, clients, and forum staff through the mud, crying about admins and calling the forum dead, yet you are still here posting rage posts. If clients lost reputation or money, that is on them and their own business choices. Trying to pin other peoples decisions on me or anyone else who does not agree with you is plain stupid.   Bottom line, the search button exists for a reason. If you want to warn people, post your proof, state the facts, and let adults decide for themselves. But keep my name out of your toxic drama, because making personal attacks on me is not going to fix your problems.
    • Lineageadvertise
      L2Pride Custom PvP Interlude

      By Lineageadvertise · Posted

      🔥 L2PRIDE — WE ARE LIVE! 🔥 The wait is finally over. L2Pride Interlude C6 officially opened today, September 25th, 2026 at 16:00 GMT+2! If you’ve been waiting for a stable, long-term Interlude server with the old-school feeling you love, but with fresh content and a few new twists — this is your time to join. ⚔️ Classic C6 Experience 🔥 New Content 🏰 Massive PvP & Sieges 💎 Balanced & Competitive Gameplay 🛡️ Built for a long-term community No shortcuts. No pay-to-win nonsense. No server that disappears after a few weeks. Just Lineage 2, the way you remember it. L2Pride is now LIVE. Come build your legacy. ⚔️🔥 DISCORD: https://discord.gg/JVdpESC5Ry
    • klouditem
      Buy Chatgpt | Gemini | Any Premium Subscription at Klouditem

      By klouditem · Posted

      🔥 Daily restock across all tools! Get your favorite AI subscriptions at unbeatable prices.
    • VPSLab
      — VPSLAB — Fast & Private RDP/VPS | 100% Instant Setup

      By VPSLab · Posted

      Active & Taking Orders!
    • askiam
      Compiler Collection for Interface.u

      By askiam · Posted

      Hi @Akar0 !  I saw your H5 compiler. By any chance, do you still have the Interface.u that matches that compiler? If you do and could share it, I’d really appreciate it. Thanks!

  • Topics

×
×
  • Create New...

Important Information

This community uses essential cookies to function properly. Non-essential cookies and third-party services are used only with your consent. Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..