00:00Hello welcome to The Transcendent
00:14In this video we'll learn HTML, subscripts, superscripts, and small-text
00:21And how does this function works?
00:23When we need to highlight specific parts of text with unique meanings
00:27هتML offers simple tools like SUB SUP and SMALL TAGS
00:31SUBSCRIPTS
00:32Using the SUB TAG
00:34lower text below the baseline
00:36perfect for chemical formulas like H2O
00:39superscripts
00:39with the SUP TAG
00:41raised text above
00:42ideal for exponents like X superscript 2
00:45the SMALL TAG shrinks text size
00:47often for fine print or side notes
00:49these tags ensure content stands out clearly
00:52enhancing readability
00:54for example
00:55sculpting subscripts for science
00:56superscripts for math
00:57and tiny text for notes
00:59subscripts are characters positioned below
01:02the standard text baseline in HTML
01:04when we studied chemistry
01:06we learned to write water's formula
01:08H2O
01:09with the 2 placed lower than the H and O
01:12using the SUB TAG
01:13we typeset this 2 as a subscript
01:15setting it below the line for clear
01:17professional presentation
01:19think of this SUB TAG as a text choreographer
01:22dropping characters like the 2
01:23in H2O below the baseline for scientific flair
01:27it's like giving words a low-key superhero dip
01:30superscripts are characters
01:32placed above the standard text baseline in HTML
01:35in mathematical expressions
01:37we often see superscripts
01:39like 6 superscript 2 for exponents
01:41or in footnotes
01:43where tiny markers sit elevated
01:45to style these
01:46we use the SUB and SUP TAGs
01:49with SUP raising text for clear
01:51polish displays in equations or references
01:54in HTML
01:56H2O looks incorrect
01:58without proper formatting
01:59we wrap the 2
02:01in a SUB TAG
02:02to lower it below the baseline
02:04slightly reducing its size for clarity
02:07for footnotes
02:08we encase the marker
02:09like 2 in a SUP TAG
02:12raising it above the line
02:13and shrinking it slightly
02:15this approach
02:16using SUB and SUP TAGs
02:18ensures precise
02:20professional text styling
02:21we can use SUB and SUP TAGs in HTML
02:25for simple math expressions
02:26like exponents or subscripts
02:28however for complex equations on websites
02:30we recommend exploring MathML
02:34this specialized markup language
02:36offers robust tools
02:37for mathematical notation
02:39surpassing HTML's capabilities
02:41for precise
02:42and professional equation displays
02:45in many cases
02:46we need to mark text
02:47as less significant
02:48like fine print
02:49or minor details
02:51that must appear
02:51but carry little weight
02:53copyright notices
02:54or footer content are examples
02:57while we could use a PTAG
02:58the SMALL TAG signals to browsers
03:00that this text has low prominence
03:02we avoid using SMALL
03:04just to shrink text size
03:06that's for CSS
03:08instead
03:08like the STRONG
03:10TAG highlights importance
03:11the SMALL TAG indicates
03:13minimal significance
03:14for clear
03:15meaningful styling
03:17fine print at a webpage's footer
03:19like content ownership details
03:21is a perfect example
03:23we don't want this text to vanish
03:25instead
03:26we use the SMALL TAG
03:27to inform browsers
03:28its minor content
03:30this signals
03:31it's not the main focus
03:32ensuring a clear
03:34subtle presentation
03:35while keeping it visible
03:37the SMALL
03:38SUB
03:38and SUP
03:39tags
03:39in HTML
03:40help us perfect typography
03:42and convey precise meaning
03:43in content
03:44we use SUB for subscripts
03:46like H2O
03:47SUP for superscripts
03:48like X superscript 2
03:50and SMALL
03:50for less prominent text
03:52like fine print
03:53these tags ensure
03:54our text is clear
03:55professional
03:56and visually effective
03:58like superheroes
03:59of style
03:59they make content
04:00pop with playful clarity
04:02you can find
04:03all the necessary files
04:04and exercises
04:05to practice
04:06with this video
04:07and the attached files
Comments