Log In

Using HTML

Using HTML ...

What is HTML?

💗 A Basic HTML Overview

HTML, which stands for HyperText Markup Language, is the standard markup language used to create and design Web pages. It is a fundamental building block of the World Wide Web and is essential for publishing structured content on the internet. HTML allows Web developers to define and organize the elements of a Web page, such as text, images, links, forms, and multimedia.

HTML uses a system of tags, which are enclosed in angle brackets (< >), to define the structure and elements of a Web page. Tags are typically used in pairs, with an opening tag and a closing tag. The content between the opening and closing tags represents the specific element on the page.

For example, a simple HTML structure for a Web page might look like this:

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
    <h2>Heading</h2>
    <p>This is a paragraph of text.</p>
</body>
</html>

In the above example...

  • <!DOCTYPE html> - declares the document type and version of HTML.
  • <html> - is the root element that wraps all content in the HTML document / Web page, including meta-information.
  • <head> - contains meta-information about the HTML document / Web page, such as the title displayed in the browser tab.
  • <title> - contains the title of the HTML document / Web page.
  • <body> - contains the main, displayable content of the HTML document / Web page.
  • <h2> - is a heading tag that defines a top-level heading within the <body> of an HTML document / Web page.
  • <p> - is a paragraph tag that defines a block of text within the <body> of an HTML document / Web page,

HTML works in conjunction with cascading style sheets (CSS) and JavaScript to create visually appealing and interactive Web pages. CSS is used for styling and layout, while JavaScript adds dynamic behavior and interactivity to Web pages. Together, these and some other technologies form the core of front-end Web development.

GirlChat Allows HTML in Posted Content For a Reason

💗 Why Use HTML at GirlChat?

Since all posts made on our site are presented as articles, utilizing HTML in posted content is important for several reasons, including:

  • 1) Formatting and Styling
    HTML allows posters to structure their content with headings, paragraphs, lists, and other elements. It also enables the application of styles using CSS, making the content visually appealing and easy to read.

  • 2) Hyperlinking
    HTML enables the creation of hyperlinks, allowing posters to reference other articles, sources, Websites or Web pages. This enhances the credibility of the content by providing relevant references and additional resources.

  • 3) SEO Optimization
    Search engines rely on HTML to understand the structure and content of Web pages. Properly formatted HTML, including properly used tags and descriptions, can contribute to better search engine optimization (SEO) and improved visibility in search engine results.

How to Include HTML in Posted Content

💗 A Basic Introduction to Using HTML at GirlChat

The GirlChat platform allows posters using reserved nicknames to utilize a limited set of HTML tags in posted content. The current list of approved HTML tags are as follows:

a, b, blockquote, br, code, div, h1-6, i, p, pre, s, span, sub, sup, u, ul, li, ol, table, tr, td, th, thead, tfoot, tbody

So, for example, if you want to use an HTML <p> (paragraph) tag, then what you could do is this:

<p>Your paragraph text</p>

The result would be:

Your paragraph text


How to Include Styles (CSS) in Posted Content

💗 A Basic Introduction to Using CSS at GirlChat

Good-bye style, hello class!

In the past, GirlChat posters were allowed to include user-supplied inline style attributes which are sometimes used with HTML tags to style a Web page. This functionality is no longer supported due to security reasons.

However, we can make up for some of the lost functionality by utilizing the class attribute and CSS selectors defined in this posting style sheet. Plus, using the class attribute is easier than using the style attribute.

To start with, HTML has 140 named colors, and these color names can be used as CSS selectors for adding / specifying foreground and background colors in your messages at LG. There are also some named fonts as well. When using named colors and fonts, be sure to remember that these names contain capital letters, with some names having more than one, and that CSS selectors are case sensitive.

Other CSS selectors are available for specifying text decoration, content / text alignment, and other things.

So, for example, if you want to use an HTML

(paragraph) tag, and also want to have all the text be centered and diplay in extra-large, bold red Arial typeface, then what you could do is this:

<p class="align-center x-large bold Red Arial">Your paragraph text</p>

The result would be:

Your paragraph text

Have fun!