Skip to content

TEXT STYLING using HTML5 and CSS3 tutorial 11 in Hindi Urdu

TEXT STYLING using HTML5 and CSS3 tutorial 11 in Hindi Urdu – Video Tutorial

Text styling in HTML5 and CSS3 is the HTML5 and CSS3 tutorial for beginners in hindi and urdu. This tutorial is the part of the tuotrial series HTML5 and CSS3 tutorials which can be used as the study guide for preparing Miscrosoft certification exam 70-480 Programming in HTML5 with JavaScript and CSS3. Following topics are covered in this tutorial:
Factner video tutorials
HTML5 and CSS3 Tutorial by youtube.com/user/factner
Tutorial 11 – Text styling 1

  1. color: color, HEX, RGBA, HSLA
  2. text-align: center, left, right, justify
  3. text-tranform: lowercase, uppercase, Capitalize
  4. text-decoration: underline, overline, line-through
  5. text-indent

 

TEXT STYLING using HTML5 and CSS3 tutorial 11 in Hindi Urdu

 

Source Code:

html file:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Colors in CSS</title>
<link rel=”stylesheet” type=”css/text” href=”eleven.css”>
</head>

<body>
<div id=”divWrapper”>
<h1 class=”greenoo”>Example of Text Styling through CSS</h1>
<p class=”redoo”> This is the para 1 for CSS text styling.</p>
<p class=”center1″> This is the para 2 for CSS text styling.</p>
<p class=”right1″> This is the para 3 for CSS text styling.</p>
<p class=”greenoo”> This is the para 4 for CSS text styling.</p>

<ol class=”redoo”><li>List 11</li><li>List 12</li></ol>

<h1 class=”redoo”>This is text 2</h1>
<h1 class=”greenoo”>This is text 3</h1>
<h1 class=”redoo”>This is text 4</h1>

<ol class=”redoo”><li>List 1</li><li>List 2</li></ol>

<ol class=”redoo”><li>List 11</li><li>List 12</li></ol>

<p id=”mypara”>
Wow wow wow this is my paragrpagh. I love html. do u love html? no no no. Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.
Wow wow wow this is my paragrpagh. I love html. do u love html? no no no. Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.Wow wow wow this is my paragrpagh. I love html. do u love html? no no no.
</p>
</div>
</body>

</html>

 

CSS file:

body {
color:blue;
}

*.greenoo {
color:rgb(0,256,0);
}

h1 {
text-transform:lowercase;
}

h1.redoo, p.redoo, ol.redoo {
color:rgb(256,0,0);
}

p.center1 {
text-align:center;
}

p.right1 {
text-align:right;
}

ol {
/* text-decoration:underline; */
/* text-decoration:overline; */
text-decoration:line-through;
}

#mypara {
text-indent:50px;
}

 

Result:

HTML5 and CSS3 tutorial 11 TEXT STYLING in Hindi Urdu for exam 70-480 tutorial 11

HTML5 and CSS3 tutorial 11 TEXT STYLING in Hindi Urdu for exam 70-480 tutorial 11

Leave a Reply

Privacy Preference Center

Necessary

Advertising

Analytics

Other