Scribd
Upload
57 views3 pages

HTML Tags and Their Functions Explained

The document outlines various HTML tags and their functions, categorized into sections such as Basic Structure, Text Formatting, Link & Navigation, Image & Multimedia, Lists, Tables, Forms, Layout & Structure, Style & Script, and Special Tags. Each tag is briefly described, providing essential information for web design. This serves as a reference for understanding the purpose and usage of different HTML elements.

Uploaded by

mirisawuinnocent
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
57 views3 pages

HTML Tags and Their Functions Explained

The document outlines various HTML tags and their functions, categorized into sections such as Basic Structure, Text Formatting, Link & Navigation, Image & Multimedia, Lists, Tables, Forms, Layout & Structure, Style & Script, and Special Tags. Each tag is briefly described, providing essential information for web design. This serves as a reference for understanding the purpose and usage of different HTML elements.

Uploaded by

mirisawuinnocent
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

HTML Web Design Tags and Their Meanings

A. BASIC STRUCTURE TAGS


<!DOCTYPE html> — Declares HTML5 document type.

<html> — Root container for entire webpage.

<head> — Contains metadata, CSS, title, scripts.

<title> — Text that appears on browser tab.

<body> — Visible page content belongs here.

B. TEXT FORMATTING TAGS


<h1> to <h6> — Headings (h1 largest).

<p> — Paragraph.

<br> — Line break.

<hr> — Horizontal divider.

<b> — Bold text.

<strong> — Important bold text.

<i> — Italic text.

<em> — Emphasized italic text.

<u> — Underlined text.

<mark> — Highlighted text.

<small> — Smaller text.

<sup> — Superscript.

<sub> — Subscript.

C. LINK & NAVIGATION TAGS


<a> — Creates a hyperlink.

href="" — Link destination.

<nav> — Navigation bar section.


D. IMAGE & MULTIMEDIA TAGS
<img> — Displays an image.

src="" — Image file location.

alt="" — Alternative image text.

<audio> — Inserts audio.

<video> — Inserts video.

<source> — Defines media source.

E. LIST TAGS
<ul> — Unordered list (bullets).

<ol> — Ordered list (numbers).

<li> — List item.

<dl> — Description list.

<dt> — Term in description list.

<dd> — Definition in description list.

F. TABLE TAGS
<table> — Table container.

<tr> — Table row.

<th> — Table header cell.

<td> — Table data cell.

border="" — Adds border to table.

G. FORM TAGS
<form> — Creates an input form.

<input> — Textbox, button, checkbox, radio.

<label> — Label for input.

<textarea> — Multi-line text box.

<select> — Drop-down menu.

<option> — Option inside drop-down.


<button> — Clickable button.

type="" — Defines input type.

H. LAYOUT & STRUCTURE TAGS


<div> — Block container.

<span> — Inline container.

<header> — Top section.

<footer> — Bottom section.

<section> — Section of webpage.

<article> — Independent content.

<main> — Main content.

<aside> — Sidebar area.

I. STYLE & SCRIPT TAGS


<style> — CSS inside HTML.

<link> — External CSS file link.

rel="stylesheet" — Specifies CSS file.

<script> — JavaScript code.

J. SPECIAL TAGS
<!-- comment --> — Ignored by browser.

<meta> — Metadata (charset, viewport).

<iframe> — Embed webpage inside another.

<canvas> — Drawing area for scripts.

<wbr> — Word break opportunity.

You might also like