„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Tages-HTML

Tages-HTML

Veröffentlicht am 23.08.2024
Durchsuche:417

Day  HTML

Heute habe ich eine Website erstellt
Ich habe das gesammelte Wissen der letzten 5 Tage zusammengestellt und eine funktionale Rezeptbuch-Site mit einem Hauch von CSS für das Styling erstellt.

Link zur Website – Ofameh_Recipe_Site

HTML-Codeblock:


  
    
    
    My Recipe Book
    
  
  
    

Ofameh's Recipe Book

Breakfast Recipes



Catch Us on X:

© 2024 Ofameh
All rights reserved.

CSS-Codeblock-

  body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

header,
main,
footer {
  padding: 20px;
  margin: 10px;
}

header {
  background-color: black;
  color: white;
  text-align: center;
}

nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

nav ul li {
  margin: 0 10px;
}

section {
  margin-bottom: 20px;
}

article {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
}

img {
  max-width: 100%;
  height: auto;
}

footer {
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 0;
}

button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: black;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ccc;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

button:hover {
  background-color: black;
  transform: translateY(-2px);
  color: white;
} 

Alles, was ich bisher am fünften Tag gelernt habe, zusammenzuführen, um dies aufzubauen, hat mir Freude bereitet, denn der Sinn dieser Übung ist projektbasiertes Lernen.
Es bedeutet mir also sehr viel, dies fünf Tage lang zu tun und eine so gute Website erstellen zu können

Abgesehen davon werden die Tage 6 bis 10 tagelang das beinhalten, was ich Websites nenne. Hier werde ich jeden Tag eine Website erstellen, die zunehmend schwieriger und komplexer wird.
Da sein!

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/ofameh/day-510-html-1k3j?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3