Kapag tumitingin ka sa SGML, HTML , at XML, maaari mong isaalang-alang ito sa isang family grouping. Ang SMGL, HTML at XML ay lahat ng mga markup language . Ang terminong markup ay nakakakuha nito mula sa mga editor na gumagawa ng mga pagbabago sa manunulat, manuskrito. Ang isang editor, kapag sinuri ang nilalaman, ay 'markahan, ang manuskrito upang i-highlight ang ilang mga patlang. Sa teknolohiya ng computer, ang isang markup language ay isang hanay ng mga salita at mga simbolo na nagpapakita ng teksto upang tukuyin ito para sa isang web document. Halimbawa, kapag lumilikha ka ng isang pahina ng Internet, gusto mong makagawa ng hiwalay na mga parapo at maglagay ng mga titik sa isang naka-bold na uri ng mukha. Ito ay natapos sa pamamagitan ng isang markup language. Sa sandaling naintindihan mo ang mga papel na ginagampanan ng SGML, HTML at XML sa disenyo ng web page, makikita mo ang pagkakamag-anak ng mga natatanging wika na ito sa bawat isa. Ang kaugnayan sa pagitan ng SGML, HTML, at XML ay isang bono ng pamilya na tumutulong sa paggawa ng mga website na gumagana at dynamic na disenyo ng web.
SGML
Sa pamilyang ito ng mga markup language, ang Standard Generalized Markup Language (SGML) ay ang magulang. Nagbibigay ang SGML ng isang paraan upang tukuyin ang mga wika ng markup at itinatakda ang pamantayan para sa kanilang form. Sa ibang salita, sinasabi ng SGML kung ano ang maaari o hindi maaaring gawin ng ilang mga wika, kung anong mga elemento ang dapat isama, tulad ng mga tag, at ang pangunahing istraktura ng wika. Habang ang isang magulang ay nagpapasa sa mga genetic na katangian sa isang bata, ang SGML ay nagpapasa ng mga panuntunan sa istruktura at format sa mga markup language.
HTML
Ang HyperText Markup Language (HTML) ay isang bata, o application, ng SGML. Ito ay ang HTML na kadalasang nagdidisenyo ng pahina para sa isang browser ng Internet. Paggamit ng HTML, maaari mong i-embed ang mga imahe, lumikha ng mga seksyon ng pahina, magtatag ng mga font at idirekta ang daloy ng pahina. Ang HTML ay ang markup language na lumilikha ng form at hitsura ng web page. Bukod pa rito, gamit ang HTML, maaari kang magdagdag ng iba pang mga function sa isang website sa pamamagitan ng mga scripting wika, tulad ng JavaScript. Ang HTML ang pangunahing wika na ginagamit para sa disenyo ng website.
XML
Ang Extensible Markup Language (XML) ay isang pinsan sa HTML at isang pamangking lalaki sa SGML. Kahit na ang XML ay isang markup language at samakatuwid bahagi ng pamilya, mayroon itong iba't ibang mga function kaysa sa HTML. Ang XML ay isang subset ng SGML - bigyan ito ng mga karapatan na ang isang application, tulad ng HTML, ay walang. Maaaring tukuyin ng XML ang mga application nito. Ang Format ng Paglalarawan ng Resource (RDF) ay isang application ng XML. Limitado ang HTML sa disenyo at walang mga subset o application. Ang XML ay isang pared down, o liwanag, na bersyon ng SGML, na idinisenyo upang gumana nang may limitadong bandwidth . Minana ng XML ang mga genetic traits mula sa SGML, ngunit nilikha upang gumawa ng sarili nitong pamilya. Kasama sa mga subset ng XML ang XSL at XSLT.