Παράγραφος και επικεφαλίδες
<h1 style="text-align:center;">ΓΡΑΦΟΥΜΕ ΑΥΤΟ ΠΟΥ ΘΕΛΟΥΜΕ</h1>
<p style="text-align:center;">ΓΡΑΦΟΥΜΕ ΑΥΤΟ ΠΟΥ ΘΕΛΟΥΜΕ</p>
Χρώμα κειμένου
<p style="color:red;">I am red</p>
<p style="color:blue; text-align:center;font-size:50px;">I am blue</p>
<p style="font-size:50px; color:red; font-family:courier;">I am big</p>
Χρώμα φόντου κειμένου
<h1 style="background-color:SlateBlue;">SlateBlue</h1>
<h1 style="background-color:Violet;">Violet</h1>
<h1 style="background-color:LightGray;">LightGray</h1>
Χρώμα περιγράμματος
<h1 style="border: 2px solid Tomato;">Hello World</h1>
<h1 style="border: 2px solid DodgerBlue;">Hello World</h1>
<h1 style="border: 2px solid Violet;">Hello World</h1>
Χρώμα με RGB
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>
Φόντο μέσω head
<style>
body {
background-color: lightblue;
}
</style>
Εικόνες
<img src="1.jpg" alt="ΛΕΖΑΝΤΑ" width="400" height="250">
Φόντο εικόνα στο head
<head>
<style>
body {
background-image: url("bgdesert.jpg");
}
</style>
</head>
Υπερσύνδεσμοι
<p><a href="2.html">HTML Images</a> ΣΕ ΙΣΤΟΣΕΛΙΔΑ</p>
<p><a href="1.jpg">HTML Images</a> ΣΕ ΕΙΚΟΝΑ</p>
<p><a href="https://cdm.uowm.gr">ΕΠΙΚΟΙΝΩΝΙΑΣ ΨΗΦΙΑΚΩΝ ΜΕΣΩΝ</a> ΣΕ SITE</p>
AUDIO
<center><audio controls autoplay>
<source src="1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> </center>
VIDEO
<center><video width="320" height="240" autoplay muted>
<source src="1.mp4" type="video/mp4"><br><br>
Your browser does not support the video tag.
</video> </center> <br> <br>
<center> <video width="320" height="240" autoplay muted>
<source src="2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></center>
YOUTUBE
<center><iframe width="420" height="345" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe></center><br><br>
ΠΙΝΑΚΑΣ
<table style="width:50%" align="center" border="5px" >
<tr align="left">
<th>ΠΟΛΗ</th>
<th>ΠΛΗΘΥΣΜΟΣ</th>
<th>ΜΕΣΗ ΗΛΙΚΙΑ</th>
</tr>
<tr>
<td>ΚΑΣΤΟΡΙΑ</td>
<td>11000</td>
<td>50</td>
</tr>
<tr>
<td>ΚΟΖΑΝΗ</td>
<td>50000</td>
<td>30</td>
</tr>
</table> <br> <br>