Titel Überschrift H1: CSS-Vorlage für suchmaschinenoptimierten Text
Hier zu Illustrationszwecken rot dargestellt. Siehe css-vorlage.css
Einführender Text
Untertitel Überschrift H2: Textvorlage (HTML) für suchmaschinenoptimierten Text
Hier zu Illustrationszwecken blau dargestellt. Siehe css-vorlage.css
Haupttext. Suchmaschinen mögen Listen! Erstellen Sie in HTML Listen wobei <![CDATA[<ol>]]> für nummerierte Liste und <![CDATA[<ul>]]> für nicht nummerierte Liste stehen. (Siehe unten in css-vorlage.html)
- erster Eintrag
- zweiter Eintrag
- dritter Eintrag
Inhalt css-vorlage.css: Download
<![CDATA[
@media all and (min-width: 960px) and (max-width: 2024px)
{
sr.schrift1 {font-family: arial; color: black; font-size: 18}
h1 {
font-family: "arial";
font-weight: bold;
color: red;
font-size: 25;
}
h2 {
font-family: "arial";
font-weight: bold;
color: blue;
font-size: 20;
}
}
a:link { text-decoration: none; text-underline: none; color: #610B38; }
a:visited { text-decoration: none; text-underline: none; color: #610B38; }
a:active { text-decoration: none; text-underline: none; color: #610B38; }
a:hover { text-decoration: none; text-underline: none; color: #610B38; }
@media all and (min-width: 321px) and (max-width: 480px)
{
sr.schrift1 {font-family: arial; color: black; font-size: 16}
h1 {
font-family: "arial";
font-weight: bold;
color: black;
font-size: 20;
}
h2 {
font-family: "arial";
font-weight: bold;
color: black;
font-size: 15;
}
}
a:link { text-decoration: none; text-underline: none; color: #610B38; }
a:visited { text-decoration: none; text-underline: none; color: #610B38; }
a:active { text-decoration: none; text-underline: none; color: #610B38; }
a:hover { text-decoration: none; text-underline: none; color: #610B38; }
]]>
Inhalt css-vorlage.html: Download
<![CDATA[
<html>
<head>
<link rel="stylesheet" href="css-vorlage.css">
</head>
<body>
<h1>Titel Überschrift H1</h1>
<div align="justify" style="width:60%";>
<sr class="schrift1">Einführender Text</sr>
</div>
<h2>Untertitel Überschrift H2</h2>
<div align="justify" style="width:60%";>
<sr class="schrift1">Haupttext</sr>
<sr class="schrift1">
<ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag</li>
<li>Dritter Eintrag</li>
</ul>
</sr>
</div>
</html>
]]>