FORMATTING TAGS - HTML

[Music] hello friends welcome back to our channel so into the session let us see some HTML tags so in this session let us learn a few formatting text so first of all let us know about this formatting so what is meant by formatting so we know the text a normal text we call this as font so different styles applied on this font or different tags up right on this point we call it as a formatting text so that means whatever the text in this session we are seeing those tanks will be applied on text applied on next so the first one is headings so in our HTML there are predefined six headings so according to the size wise so those tags are from h1 h2 h3 h4 h5 h6 so this one is a latch this one is a small so it is in a descending world and the tanks are h1 / H 1 so as we know as we have seen in the previous session though this is the starting tag and this is the ending death so whatever that tank we are writing in the less than symbol that is a starting there and in between the less than slash tag and greater than it is a closing day so if the closing think we have to use this backslash right so h1 to h6 tags are from h1 to h2 head seized large to small so just I will write on all the tags and then we will see the implementation that means applies and we will create the web pages and then we will see the importance of all these takes the second one font font means font tag this is a front tag this implies I mean this is having three attributes the major attributes so attributes shows the additional features right gives the additional information additional information so from the content there are three additional informations first one is face face means type font style size so we can mention the size apart from these six color color of that particular font so whatever the color we need that should be written in fort attribute so now question is where to write all these attributes so in the starting tag we have to include all this attribute that means open fourth phase is equal to double course times new roman' so this is a style come on sorry space size is equal to some twenty space novels color is equal to 1/8 right now right sohow returned his texts I am Here I am closing the front end right so whatever the information we are waiting in between this phone and so that that particular text will be having the Times New Roman style the size of the text will be 20 and the color of the text will be lame as we have mentioned here so attributes for every tag should be written in the starting deck itself so every tag will be having their own attributes so attribute should be written in the starting tag right so these are the three attributes the major attributes right so there are different attributes the major attributes for the font ease of one face Faceman style size and color here the color is indicated in three colors red green blue so red is from 0 0 to F 0 0 0 to F M hexadecimal format so color is indicated any excess performant so in order to use an L we can write the extra decimal red value green value blue value so 0 0 0 0 0 0 as it is a hexadecimal by how to include hash symbol so this implies the color is white because all are zeros that's nothing but a white so if it is color is equal to hash F yeah yeah yeah yeah yeah so red is the fef new UCF you have green is effort so this indicates black color so the combination of all these three colors red green blue will give the different colors different states right so instead of writing red here we can mention this as you have if you know zero okay because all that are running are zeros only that is FPF so it will give yeah I mean right right color so instead of writing the name we can find the hexadecimal format for the colors so these are the major attributes in font now let us see the third one so we will see the implementation of these tags later now just I will explain through each and every time the formatting tags so headings you know scene and then font we have seen know would say our world there is a bold option right so the X will be in a dark color right so this is so whatever the text written in between these two starting and ending day all the text will be in a bold italic I slash I here also whatever the text we have written in between these two starting and ending tag all will be tilted see the some slant position under way so whatever the text we have written in between these two that text will be having underlined quotation cube in order to include the quotations whatever the text in between this queue that will be having aquatic quotations see example Q hi so this will result hi you hi I you sorry /i this will give some slanting more hi would see next break whoa that will be aa B so here it doesn't require any anything if you write this BR the text will be I mean the next to whatever the text we are writing followed by BR will be printed in the displayed in the next line that was newline characters simply like our new line character history length C hi Lea welcome this implies hi so be our next break hope that means that whatever the text we are writing followed by this BR tag that will be displayed in the next line sprint right and any day is spike so whatever the text we are writing in between these two in spike text that will be stripe off see strike hi so like this so whatever the text my avoiding impeding the spike that will be strike of scum so here the storm is almost equal to the bowl right strong it also we hope the rate but starting an index the text will be that strong strong characters small small so this small tag whatever the text we are writing in between the small tags that will be the font size will be less well compared to the remaining font size so example so it will be also having the static day again big day small see hi small welcome small so we have we have returns welcome in between the small deck now the output will be high so the normal font size is this one and whatever the text we are fighting in between this small tag will be reduced right so bold italic and underlined quotation break rule stripe strong small next hope you understood all these text formatting dates delete so Billy tag is also similar to our strike tank Guinean be for whatever the text we are writing in between this one deal that will be in s tightness let me say delete next aggravation so whatever the text were I'm ready here we will write in a short form and whenever the mouse pointer moves to that particular text the pool tip will be displayed with a complete description see we are and /abl so here we are having one attribute that is title so whatever the information we have to display on the tooltip that will be written in under this title see appr ITIL is equal to water h2o may be BR / India / so on the screen we can find only h2 whenever the pointer points to h2o then a small pool tip will be displayed here display what say it is called a purity okay sorry show show you in the screen so this is the one attribute next data bi-directional over neither they can by directional override that was displaying the data from left to right or right to left so it is also having one attribute that is di Saudi specifies whether the information or the data should be presented from the left to right or right to left the pits of a heretic which see so as I said that all the attributes should return either starting at dar is equal to Delta or Delta Y are high / D below this implies empty R so this is having two values y NT r RT lien near there means left to right so the text will be displayed from left to right there is a normal reading so the output for this one is H I hear Artie ailments all right to the text will be displayed from right to left so if you write here DP whole di r is equal to r TL h i close at if you so the output of this one is H I so the text will to disappear from the right to left this will be the output for free understood so this is the VA is the one of the attribute for DP Boateng so the air will be having two values and they are in the RTL right to left and left to right hope you understood this one direct information and d bee boo but external over right next to vortex are there let us see them and then we will move on to the implementation subscript so you know that what is the meaning of subscript so if you want to write a formula h2o so he L 2 is a subscript right so in order to represent the text in this format we have to write the 2 in between something subject so this should be recognized H certain to slash Sun so this use I am put H subscript 2 oh there's the importance of subscript next superstrate super-state DX square so here 2 must be written above the X for this we have you use su p-s-u P so this must be written as Y x su p 2 / su P so this will you yes square that's the substance right so hope you understood all these tags simple types so these tags are applied on font so that's why we call these tags as formatting X right hope you understood this one so now let us see the implementation on the computer now let us see the implementation part of all these formatting tags so in order to implement this HTML so we we required the some text editor as well as a web browser so here we are having the web browsers Google Chrome or Internet Explorer and open the notepad right um so HTML tags so the code which we are writing must be in between the history ml tag so start tag and any tag and next in the HTML tag we are writing head header in the header title formatting tags so close the title close the head and whatever we are writing that must be in body tag right so first we have seen the font the headings right so here whatever the text we are writing that will be displayed on the screen see I will write one text welcome to Sandeep solidi so I am saving this file formatting dot HTML so we have to save the file using dot HTML or dot HTM I have savory now let us open in the browser see we can see this formatting dot HTML if you open this formatting dot HTML you can observe the text which we have written that is for welcome to Sunday of Sarathy will be displayed on the screen and here in the title wall we have written formatting tags see in the title bar we can see this formatting tags text see here in the title we are seeing formatting that you have the text which we are writing in the body tag now let us see one by one first one we have seen the headings the headings are predefined tags there are six headings from h1 to h6 so let us apply each one by everything h1 so for every tag we have to open and we have to close that means every tag should have a start tag and editing let us change this one h2 heading 1 heading 2 so there are 3 I mean 6 predefined heading tags so in a descending order so we will see the difference so what is h1 what is h2 what is a ch3 h4 h5 and h6 right the same text we are applying different heading tags so from hitch 1 2 8 6 so save this file and let us refresh this one so that we can see their difference so as I said that starting from the highest one it will be in a decreasing order so h1 will be having the highest size and gradually decreases till h6 right so you can observe this one so this is the first line is having the highest point gradually decreased so that is the importance of heading tag now let us remove all these things and we will see the font tag so font means we have seen the major three attributes which gives the additional information so here I am giving the starting tag and for for now three attributes one is phase point phase is equal to some times new roman' space size is equal to some twenty color is equal to blue thank so the same all these information will be applied for the text which we are writing in between this starting and ending tag of font so here just we are writing the whole Yvonne line that is welcome to Sunday charity so that particular text will be having a style of Times New Roman and the size of 20 and a color of blue see let us apply let us refresh so you can see this the text is blue the size is 20 and the stylus Times New Roman and if you write any other information see I am writing this an educational YouTube channel for self learning outside the font attack so whatever the attributes we are writing in the phone that will not be applied for this text right welcome to self-service in a blue color and an educational YouTube channel for self learning is in a normal font right the font size here we have mentioned as 20 and here is a by default it will be some tall 110 hope you understood this font so like this for every tag there will be an attribute so attribute gives some additional information so here actually the color is in hexadecimal we need not mention the name we can give the hexadecimal format f00 that means a red blue green red red red is the value for red will be from 0 0 to F here the value of blue is from 0 0 to F here and the green is from 0 0 to TF here so we have to mention the combination of red green and blue so first one is red so we are given here EF EF that means red and all the remaining is 0 0 so the red color has to be let us take one more thing let us change the middle one see green so because the red Raja tag is 0 and the blue tag is 0 only the green tag is a appear no 0 0 and finally a fear for now it will be blue color because only the blue will be in here fear so we can give a combination of all these we will get a different different colors so the 1 & 2 will be for round 3 & 4 will be for gain five and six four will be blue we will get us some other color right so this is the four detect now what about the gold gold see if you apply this bold here so whatever the text we are writing in between the border tag that will be in dark color right see welcome to send observing in the absence of this bold you can see this strongness of this text welcome to send observing so whenever you have right returned this bowl automatically the text will be strong next italic I will apply the italic for this text I and here I will mention I'd see the text will be in italic format an educational YouTube channel for self learning isn't it Alec one now I will apply the underline for only this is indeed solid underlying that you so whatever the text we are writing in between this you will be getting underlined right just in the text welcome to send it sorry we are just applying the underlined text for only Sun lips are they so here Sunday child is getting underlined next quotations let us apply the quotations cue and here also we are applying cue so now the quotations will be there hope you understood this one quotations for quotations we have to apply cue next BR tag br tag means break role so here we are writing welcome to Sun dips are they in one line and an educational YouTube channel for self learning in the line so even though while displaying they are getting everything in a single line so if you want to break this line we have to apply the br br tag so I am writing here we are that means welcome to Sandra charlie dr and educational YouTube channel for self learning so there will be one break so you can observe an educational YouTube channel for self learning is given in second line displayed in second head because we are applying the attack break row so let us apply the font here h4 right let us apply h1 h1 right an educational YouTube channel for self learning next strike strike let us see the strike strike strike the text so I am writing one more text that is strike so you can observe so again if we are not applying the bee attack so it will be continued at the end of the previous line that is an educational YouTube channel for self planning and the continuation strike the text now I will write the BR tag so that the text will be displayed in that second next line so if you observe here despite the text a horizontal line has been displayed on the text that means strike next strong let us apply here strong just it is like our bold tag strong write somewhat bold will be applied here next small if I want to resize this one we can write here smaller so there will be some deviation from the previous text see I am applying small tag for YouTube channel so that YouTube channel will be the size of YouTube channel will be very less when compared to the remaining text hope you understood this one right here only applying further YouTube channel so let us if I want to apply the font here see font color is equal to some a rule so we can apply for Hyundai anywhere anywhere so see like an educational YouTube channel for self-aligning so here a youtube channel is of small text and a maroon color hope you understood this one next superscript and subscript so if you want to display h2o ch2 again I will view be attached so that next line it will be displayed h2o see if you observe here h2o will be displayed here itself from size is equal to or we can apply H 1 at h2o but here I want to as a subscript now I have to apply the subscript 4 to su b so whatever the text displayed in between the sub will be subtracted let's see h2 subscript right next let us see the superscript so if you want to display the X square X square so if I want to display the X square the 2 must be superscript su p so i have to apply superscript for this 2 X square H 2 or X square that is the example for subscript and superscript hope you understood this one and if you want to give an abbreviation ABB our title is equal to self-learning here we can write SL / abd R so we will get only SL so just apply the h1 so that the Texas point will be large so that we it will be easy for you SL so whenever the pointer points here there will be a tool tip giving self learning so here you can observe self learning so whenever the pointer moves through this SL the tooltip will be appeared hope you understood this format index which we have seen in the session so if you really understood the session like my videos share my videos with your friends and don't forget to subscribe to our channel thanks for watching thank you very much

Channel: Sundeep Saradhi Kanthety

Views: 39,893

Keywords: sundeep, saradhi, kanthety, html, introduction, basics, markup language, static, webpages, web browser, text editor, txt file, extention, .html, .htm, java scripting, dynamic, front pages, user interface, front end, tags, html elements, start tag, end tag, web services, html fundamentals, FONT, FORMATTING TAGS, HEADINGS, H1, H2, H3, H4, H5, H6, FONT FACE, FONT COLOR, FONT SIZE, BOLD, ITALIC, UNDERLINE, QUOTATION, SMALL, STRONG, STRIKE, SUPERSCRIPT, SUBSCRIPT, ABBRIVIATION, TITLE, TOOL TIP

Id: 0sN951icaRE

Length: 38min 37sec (2317 seconds)

Published: Sat Dec 01 2018