Styling HTML Text
03 Sep Admin
Text ?? style ???? ?? ??? ???? ?? ???? color change ???? ?? font family change ???? ??? ?? ??? CSS ?? ???? ???? ???? ???
Changing text color
???? ?? tag ?? text ?? color change ???? ?? ??? ?? CSS ?? color property ???? ???? ??? ?? ???? ??? colon ????? color ?? ??? ???? ???
| <p style=”color:red”>This text will be red. </p> |
Changing font family
Text ?? font family change ???? ?? ??? ?? font family property ???? ???? ?? ?? value ?? ??? ??? font family ?? ??? ???? ???
| <p style=”font-family:Arial”> This text will be in Arial </p> |
Changing text size
Text ?? size change ???? ?? ??? ?? font size property ???? ???? ?? ?? value ?? ??? ??? ?? size ?? ????? ?? ?? ???? ???
| <p style=”font-size: 45″> This size is changed by style tag. </p> |
Changing text position
Text ?? position change ???? ?? ??? text align property ???? ?? ???? ?? ?? value ?? ??? ??? ?? left, right ?? center pass ?? ???? ???
| <p style=”text-align:center”> This position is change by style tag</p> |
Attributes
03 Sep Admin
Attributes ?? ?????? ?? tags ?? ???? according configure ?? ???? ??? Attributes ?? ????? starting tag ??? define ???? ???? ??? ????? define ???? ?? ?????? ???? ???? ?? ??? ??? ????? ?? HTML tags ???? ?? ?? ???? attributes ???? ??? ?? name ?? value ?? pair ??? ???? ???? ???
| <tagName attrName=”value”> some text here.</tagName> |
Common HTML attributes
Attributes advanced configuration ?? ??? ???? ???? ???? ??? ???? ?? ?? default page background ???? ????? ?? ???? ???? according change ?? ???? ??? ??? ?? ?? ??? default text color ???? ????? ?? ?? ??? ?? change ?? ???? ??? Attributes ?? ???? ???? ???? ?? simple ??? ?? ???? ??? ???? ????? ?? ????? attribute ??? ??? ???? ???? ???
???? ???? HTML ??? commonly ???? ???? ???? attributes ?? list ?? ?? ??? ???
| Attribute | Explanation | Example |
id | HTML document ??? ???? tag ?? uniquely identify ???? ?? ??? id attribute ???? ???? ???? ??? ?????? 2 tags ?? id same ???? ?? ???? ??? | <p id=”mypara”> |
class | ?? attributes tags ?? ??? ??? class ??? categories ???? ?? ??? ???? ???? ???? ??? ???? ?? tags ?? class ?? ?? ???? ??? | <h1 class=”java”> |
title | ???? tag ?? tittle ???? ???? ?? ??? title attribute ???? ???? ???? ??? | <p title=”Hello”> |
style | ?? attribute ?? ?????? ?? tag ?? style rules apply ?? ???? ??? | <p style=”color:red”> |
Simple HTML program
3 Sep Admin
My Page
My First Web Page
| Tag | Explanation |
| <html> </html> | ???? ?? HTML file ?? ?????? ??? tag ?? ?? ???? ??? ?? tag ??????? ?? ?? ?? file ?? HTML file ??? ???? ??? tags ?? tag ?? ???? ??? ??? ?? tag program ??? ???? ???? ??? close ???? ???? ??? |
| <head></head> | ?? tag ??? document ?? ???? ??? information ???? ??? ??? ?? ??? ???? web page ??? script apply ???? ?? ?? ?? ?? ??? tag ?? ???? define ?? ???? ??? ?? tag ????? HTML tag ?? ???? ??? ??? |
| <title></title> | ?? tag ?? ?????? web page ?? title display ???? ???? ??? ?? tag ????? head tag ?? ???? ??? ??? |
| <body></body> | ?? ?? text body tag ??? ???? ??, program ?? interpret ???? ?? ??? ??? display ???? ???? ??? ?? tag head tag ?? close ???? ?? ??? ??? ??? ??? |
HTML tags
03 Sep Admin
?? HTML file tags ?? text ?? combination ???? ??? HTML tags ?? HTML elements ?? ??? ???? ??? ??? ???? tags ?? concept ??? ? ???? ?? ?? HTML ????? ?? ??? ???? ??? Basically tag ?? ????? ?? ?? text ?? ??? ???? ???? ???
?? tag ?? specific purpose define ???? ??? ?? task ?? ??? ??? ??? tags ????? ?? ??? ???? ?? tag ?? 2 part ???? ??? Opening tag ?????? ??? ????? ???? ??? ???? interpreter ?? ?? ??? ?? ???? ?? ?? ?? ???? ???? ???? ??? Opening tag ?? ??? ?? text ???? ???? ?? ??? ?? ?? tag apply ?? ??? ??? ???? ??? closing tag ???? ???? ???
Closing tag ?? interpreter ?? ??? ???? ?? ?? ?? tag ?? ????? ???? ?? ??? Closing tag ?? opening tag ?? differentiate ???? ?? ??? closing tag ??? forward slash ????? ???? ??? Tags ?? basic structure ???? ???? ?? ??? ???
| <tagName> text </tagName> |
HTML versions
03 Sep Admin
?? ?? HTML ?? ???? ?? version industry ??? ? ???? ?? ???? ???? ??? ???? ???? ?? ??? ???
HTML 1.0
?? HTML ?? ???? version ??? ?? ??? ???? ?? ??? ?? language ?? ???? ??? ????? ?? ?? HTML ?? ???? limited ???
HTML 2.0
?? version ??? HTML 1.0 ?? ??? features ??? ?? version ?? ??? ?? HTML website develop ???? ?? ???????? ?????? ?? ???? ???
HTML 3.0
?? version ?? ??? ?? HTML ???? popular ?? ???? ??? ?? version ??? browsers ?? ??? compatibility problem ???? ?? ??? ?? ?? version ?? ??? ???? ??? ???
HTML 3.2
?? version ??? ????? version ?? ??? ??? ?? tags add ???? ??? ?? ?? time ?? ?? W3C ?? website development ?? ??? HTML ?? standard ????? ???? ???
HTML 4.01
?? version ??? ??? ?? tags ?? ??? ?? cascading style sheet ?? ?? introduce ???? ??? ??? ?? ??? HTML ???? ??? modern language ?? ???? ??|
HTML 5.0
?? HTML ?? latest version ??? ????? multimedia support ?? ??? ??? ?? tags provide ???? ?? ??? HTML5 ?? ???? ??? ?? ???? ??????? ?? HTML5 in Hindi tutorial ?? ??????? ?? ???? ???
XHTML
?? version HTML 4.01 ?? ??? ??? ??? ????? HTML ?? ??? XML ?? add ???? ??? ???
HTML images
HTML Images
HTML images are defined within the <img> tag.
The source file (src), alternative text (alt), width and height are provided as attributes
<img src=”image.jpg” alt=”LearnersTV.in” width=”104″ height=”142″>
Recent Comments