Scribd
Upload
5 views2 pages

HTML Syntaxes

The document discusses various HTML styling properties including background color, borders, comments, inline, internal and external styles, the span tag, background images, capitalize, text indent, and word spacing. Styles can be applied using inline, internal and external CSS. The span tag is used to highlight part of a text. Background images, text transformations, indenting and spacing can also be styled.

Uploaded by

santhosh tripathi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views2 pages

HTML Syntaxes

The document discusses various HTML styling properties including background color, borders, comments, inline, internal and external styles, the span tag, background images, capitalize, text indent, and word spacing. Styles can be applied using inline, internal and external CSS. The span tag is used to highlight part of a text. Background images, text transformations, indenting and spacing can also be styled.

Uploaded by

santhosh tripathi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

background color for text

=========================
<h1 style="background-color : red;">Hello</h1> (or)
<h1 style="background: #ccc; color: #000; ">Welcome </h1>

comments
=========
<!-- //comments// -->

border
=======
border : solid black 1px;
ex:- <h1 style="background: #ccc; color:#000;border : solidblack 1px;"> welcome to
office</h1>

style
=======
1. inline
-----------
ex :- <h2 style="background:#ccc; color:#000;border: solid black 1px;"> Welcome To
Fresco Play </h2>

2. Internal
-----------
ex:- <head>
<style>
h1 {color: green; font-size: 10px; }
h2 {background:#ccc; color:#000; border: solid black 1px;}
p {color: black;}
</style>
</head>
<body>
<h2> Welcome to Fresco Play </h2>
</body

3. EXternal
------------
ex:- <head>
LINK REL=stylesheet HREF="style.css" TYPE="text/css" MEDIA=screen
</head>

span
======
span tag is used to use separate something in text or paragraph by highlighting
it . It uses inline style
ex:- <h2>hello world <span style="color:red;">hello world </span> hello world</h2>

backgrounds
===========
1. Background image
-------------------
background-image:url("https://img.freepik.com/free-photo/abstract-grunge-
decorative-relief-navy-blue-stucco-wall-texture-wide-angle-rough-colored-
background_1258-28311.jpg?w=2000");
}
(or)
background-image:url(

capitalize
===========
text-transform: capitalize;

text indent
=============
text-indent: 40px;
text-indent: 15%;

word-spacing
=============
word-spacing: 3px;
word-spacing: 0.3em;

You might also like