roboterfreund
Neues Mitglied
Hallo,
ich bin neu hier und habe eine Frage:
Wie kann man eine HTML und PHP-Datei mit CSS stylen?
Vllt. könnt ihr etwas damit anfangen, wenn ich die PHP-Datei (mit HTML) hier reinschicke:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Website</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css"
<link href="https://fonts.googleapis.com/css?family=Roboto:500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
</head>
<body>
<!--HEADER--->
<header>
<div id="logo">
<a href="#">
<a href="#home"><img src="img/logo.png" alt="Logo"></a>
</a>
</div>
<!--NAVIGATIONSLEISTE-------------------------------------------->
<nav id="main-nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!--HOME------------------------------------------------------------->
<section id="home">
<hr>
<h1>Max Mustermann</h1><br>
<h2>Isst gerne Kekse.</h2>
<a href="#about"><img src="img/pfeil.png" alt="Pfeil">
</a>
</section>
<!--ABOUT------------------------------------------------------------->
<section id="about">
<h3>About</h3>
<hr>
<img src="img/avatar.png" alt="Avatar">
<h4>Max Mustermann</h4>
<p>Lorem ipsum dolor sit <u>amet</u>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p8>
</section>
<!--WORK---------------------------------------------------------------->
<section id="work">
<br> <h3>Work</h3>
<hr>
<!--WORK: PROJECTS------------------------------------------------------->
<div id="projects">
<ul>
<li><a href="Projekt1.html"><img src="https://placehold.it/280x170" alt="Projekt_01"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_02"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_03"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_04"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_05"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_06"></a></li>
</ul>
</div>
</section>
<!--KONTAKT--------------------------------------------------------->
<section id="contact">
<h3>Contact</h3>
<hr>
<p>Zögern Sie nicht, mich zu kontaktieren!</p>
<?php
echo "Sie können folgende Meinungen abgeben: <u>Ja, Nein</u><form action='VerarbeiteForm.php'
method='POST'> \n
<input type='text' name='Ihre Meinung' /> \n
<input type='submit' value='Name absenden' /> \n
</form> \n";
?>
<div id="SocialNetworks"
<br>
<a href="#"><img src="img/icons8-ios-50.png" alt="Instagram"></a>
<a href="#"><img src="img/icons8-facebook-50.png" alt="Facebook"></a>
<a href="#"><img src="img/icons8-nachricht-50.png" alt="Nachricht per E-Mail"></a>
</section>
<!--KONTAKT: SOCIAL NETWORKS--------------------------------->
<!--FUßZEILE--------------------------------------------------->
<footer>
<p>
© 1327-1398 Max Mustermann   <a href="Impressum.html">Impressum</a>
<a href="mainindex.php">Intern</a>
</p>
</footer>
</body>
</html>
---Ich hoffe auf Eure Antwort!---
ich bin neu hier und habe eine Frage:
Wie kann man eine HTML und PHP-Datei mit CSS stylen?
Vllt. könnt ihr etwas damit anfangen, wenn ich die PHP-Datei (mit HTML) hier reinschicke:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Website</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css"
<link href="https://fonts.googleapis.com/css?family=Roboto:500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
</head>
<body>
<!--HEADER--->
<header>
<div id="logo">
<a href="#">
<a href="#home"><img src="img/logo.png" alt="Logo"></a>
</a>
</div>
<!--NAVIGATIONSLEISTE-------------------------------------------->
<nav id="main-nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!--HOME------------------------------------------------------------->
<section id="home">
<hr>
<h1>Max Mustermann</h1><br>
<h2>Isst gerne Kekse.</h2>
<a href="#about"><img src="img/pfeil.png" alt="Pfeil">
</a>
</section>
<!--ABOUT------------------------------------------------------------->
<section id="about">
<h3>About</h3>
<hr>
<img src="img/avatar.png" alt="Avatar">
<h4>Max Mustermann</h4>
<p>Lorem ipsum dolor sit <u>amet</u>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p8>
</section>
<!--WORK---------------------------------------------------------------->
<section id="work">
<br> <h3>Work</h3>
<hr>
<!--WORK: PROJECTS------------------------------------------------------->
<div id="projects">
<ul>
<li><a href="Projekt1.html"><img src="https://placehold.it/280x170" alt="Projekt_01"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_02"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_03"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_04"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_05"></a></li>
<li><a href="#"><img src="https://placehold.it/280x170" alt="Projekt_06"></a></li>
</ul>
</div>
</section>
<!--KONTAKT--------------------------------------------------------->
<section id="contact">
<h3>Contact</h3>
<hr>
<p>Zögern Sie nicht, mich zu kontaktieren!</p>
<?php
echo "Sie können folgende Meinungen abgeben: <u>Ja, Nein</u><form action='VerarbeiteForm.php'
method='POST'> \n
<input type='text' name='Ihre Meinung' /> \n
<input type='submit' value='Name absenden' /> \n
</form> \n";
?>
<div id="SocialNetworks"
<br>
<a href="#"><img src="img/icons8-ios-50.png" alt="Instagram"></a>
<a href="#"><img src="img/icons8-facebook-50.png" alt="Facebook"></a>
<a href="#"><img src="img/icons8-nachricht-50.png" alt="Nachricht per E-Mail"></a>
</section>
<!--KONTAKT: SOCIAL NETWORKS--------------------------------->
<!--FUßZEILE--------------------------------------------------->
<footer>
<p>
© 1327-1398 Max Mustermann   <a href="Impressum.html">Impressum</a>
<a href="mainindex.php">Intern</a>
</p>
</footer>
</body>
</html>
---Ich hoffe auf Eure Antwort!---