Web Page Designing with HTML and Contemporary Technology

Foundations of Web Page Designing and Contemporary Technology

Web page designing with Hypertext Markup Language (HTML) is a foundational element within contemporary technology. Modern computing encompasses key technological pillars including Artificial Intelligence (AI), Robotics, Internet of Things (TOT / IoT), Cloud Computing, and efficient computer systems. Web page designing specifically focuses on utilizing HTML to format, structure, and display information across web browsers on the World Wide Web.

HTML is defined as the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. HTML tags serve as specific instructions that give a signal to a web browser that it should expect and process text on the screen. These tags are utilized to control the overall structure of the page, the visual formatting of text elements, and the hyperlinks connecting different pages across the internet. HTML tags always begin with an open angle bracket (<) and end with a close angle bracket (>).

Classification and Syntax of HTML Tags

HTML tags are categorized into two fundamental structural types based on whether they require a corresponding closing tag: paired tags and singular tags.

Paired tags are tags that are written with both an opening tag (beginning tag) and a closing tag. The operational effects of a paired tag are applied strictly and exclusively to the text or content contained between the opening and closing brackets. The standard syntax for a paired tag is defined as <Beginning Tag> Text </Closing Tag>. A primary example of a paired tag is the bold tag , where Bold Text  is used to render the enclosed text string in bold typography.

Singular tags are tags that do not possess or require a closing tag. A singular tag is also formally referred to as an empty tag. The standard syntax for a singular tag is defined as <Singular Tag>. A primary example of a singular tag is the line break tag  , where inserting Text Text forces the browser to break the current line and continue subsequent text on the line immediately below.

Document-Level Structural Tags and Body Attributes

All standard HTML documents must contain three core document-level (default) tags to function correctly: <html>, <head>, and <body>.

The <html> tag surrounds the entire HTML document. It explicitly indicates to a web browser where the HTML document begins and where it ends. The syntax for the html tag is <HTML> Contents </HTML>.

The <head> tag encapsulates header information and meta-data, including page titles.

The <body> tag defines the main body section of the HTML document. This tag contains all of the text, images, hyperlinks, tables, and other media components required to be displayed visually by the web browser. The standard syntax for the body block is <Body> All other tags </Body>.

Attributes are secondary properties assigned to tags that provide additional operational instructions or display parameters to the web browser. Different HTML tags support distinct sets of attributes. The <body> tag supports several default attributes to alter document appearance:

BGCOLOR is used to specify and change the background color of the webpage document.

BACKGROUND is used to change the webpage background to a designated image file.

TEXT is used to specify and change the visual color of the document text.

LEFTMARGIN is used to define and change the left margin space of the webpage.

TOPMARGIN is used to define and change the top margin space of the webpage.

A complete foundational HTML document structure with attributes is illustrated in the following sample code:

<html>
<head>
<title> My website </title>
</head>
<body bgcolor="red" text="black">
<b> My First website </b>
</body>
</html>

Text Formatting, Paragraph Structure, and Alignment Tags

Formatting tags are specialized HTML tags used to alter the visual representation of text content displayed on the screen:

The  tag is used to bold text.

The  tag is used to format text in italics.

The  tag is used to underline text content.

The  tag is used to render superscript text, displaying the enclosed characters slightly above the normal text baseline.

The  tag is used to render subscript text, displaying the enclosed characters slightly below the normal text baseline.

Paragraph tags () are used to write paragraphs or blocks of text within an HTML document. The  tag incorporates the align attribute to position the text horizontally across the webpage viewable area, accepting specific values including `