Scribd
Upload
14 views3 pages

Text

The document contains examples of different HTML elements for styling text including headings, paragraphs, line breaks, horizontal rules, and text formatting. It also includes examples of unordered and ordered lists, images, links, and tables with various styling options like borders, captions, and cell properties. Styles are applied using internal and inline CSS.

Uploaded by

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

Text

The document contains examples of different HTML elements for styling text including headings, paragraphs, line breaks, horizontal rules, and text formatting. It also includes examples of unordered and ordered lists, images, links, and tables with various styling options like borders, captions, and cell properties. Styles are applied using internal and inline CSS.

Uploaded by

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

<DIV style="color:blue;">text</DIV>

<body style="background-color:#0000ff;">Continut</body>

<body style="background-color:#0000fe; color:#fe0000;">Continut</body>

<body style="background-image:url('bgimage.jpg');">Continut</body>

<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>

<p> ... </p>


<br>

<hr style="background:…; height:…; width:…;">

<div style="text-align:…;"> …</div>

<div style='font-size:…;'>…</div>

<div style="font-family:… ;">…… </div>

<div style='color:….; font-size:…;'>…</div>

<b> … </b>
<i> …. </i>
<u> …</u>

<sub>…. </sub>

<sup> …. </sup>

<h4>Exemplu liste UL</h4>

<ul>
<li> ...</li>
<li> ...</li>
<li> ...</li>
</ul>

<ul style='list-style-type: square;'> square sau circle sau disc


<ol type='a'>
<ol start='3'>
<img src='…' alt='…' width='…' height='…'/>
<img src='…' alt='…' width='…0' height='…' style='border:2px solid
#0000ee; margin:5px 25px;'/>

<a href='…' title='…'>…</a>

<style>
table, th, td {
border: 1px solid #000;
}
</style>

<table>
<tr>
<th>…</th>
<th>…</th>
</tr>
<tr>
<td>….</td>
<td>…</td>
</tr>
</table>

<table style='border:1px solid #000;caption-side:bottom;'>


<caption>Acesta este subtitlu caption.</caption>

<style>
table {
border-collapse: collapse;
width: 95%;
}
th {
height: 40px;
}
table, th, td {
border: 1px solid #000;
}
</style>

<style>
table {
border-collapse: collapse;
margin:5px auto;
width: 70%;
}
table, th, td {
border: 1px solid #000;
}
th {
text-align: left;
}
td {
height: 45px;
vertical-align: bottom;
}
</style>

<style>
table {
background: #a8a9e0;
margin:5px auto;
width: 290px;
}
table, th, td {
border: 1px solid #000;
}
th {
background: #4bac40;
color: #fff;
}
td {
background: #fff;
}
</style>

You might also like