Tages-HTML

WBOY
Freigeben: 2024-08-08 09:05:20
Original
919 Leute haben es durchsucht

Day  HTML

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

Link zur Website – Ofameh_Recipe_Site

HTML-Codeblock:

  My Recipe Book  

Ofameh's Recipe Book

Breakfast Recipes

Tages-HTML

Tages-HTML

Ingredients:

  • 2 cups all-purpose flour
  • 2 tablespoons sugar
  • 2 teaspoons baking powder
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 2 cups buttermilk
  • 2 large eggs
  • 1/4 cup melted butter

Instructions:

  1. In a bowl, mix the dry ingredients together.
  2. In another bowl, whisk the wet ingredients together.
  3. Combine the dry and wet ingredients and mix until smooth.
  4. Heat a griddle over medium heat and grease it lightly.
  5. Pour batter onto the griddle and cook until bubbles form on the surface.
  6. Flip and cook until golden brown on the other side.

Lunch Recipes

Grilled Cheese Sandwich

Grilled Cheese Sandwich

Ingredients:

  • 2 slices of bread
  • 2 slices of cheese
  • Butter

Instructions:

  1. Butter one side of each slice of bread.
  2. Place one slice of bread, buttered side down, on a skillet over medium heat.
  3. Top with cheese and the other slice of bread, buttered side up.
  4. Cook until the bread is golden brown and the cheese is melted, flipping once.

Dinner Recipes

Spaghetti Bolognese

Spaghetti Bolognese

Ingredients:

  • 200g spaghetti
  • 2 tablespoons olive oil
  • 1 onion, chopped
  • 2 garlic cloves, minced
  • 400g ground beef
  • 1 can of tomatoes
  • 2 tablespoons tomato paste
  • 1 teaspoon dried oregano
  • Salt and pepper to taste

Instructions:

  1. Cook the spaghetti according to package instructions.
  2. Heat olive oil in a pan and sauté the onion and garlic until softened.
  3. Add the ground beef and cook until browned.
  4. Stir in the tomatoes, tomato paste, and oregano. Simmer for 20 minutes.
  5. Season with salt and pepper.
  6. Serve the sauce over the spaghetti.

Dessert Recipes

Chocolate Cake

Chocolate Cake

Ingredients:

  • 1 and 3/4 cups all-purpose flour
  • 1 and 1/2 cups sugar
  • 3/4 cup cocoa powder
  • 1 and 1/2 teaspoons baking powder
  • 1 and 1/2 teaspoons baking soda
  • 1 teaspoon salt
  • 2 large eggs
  • 1 cup milk
  • 1/2 cup vegetable oil
  • 2 teaspoons vanilla extract
  • 1 cup boiling water

Instructions:

  1. Preheat your oven to 350°F (175°C) and grease a cake pan.
  2. In a large bowl, combine the dry ingredients.
  3. Add the eggs, milk, oil, and vanilla, and beat on medium speed for 2 minutes.
  4. Stir in the boiling water (batter will be thin).
  5. Pour the batter into the prepared pan.
  6. Bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean.

Contact Us

Want More Recipes


Shoot us an email:

Catch Us on X:

© 2024 Ofameh
All rights reserved.

Nach dem Login kopieren

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; }
Nach dem Login kopieren

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

Davon abgesehen wird es an den Tagen 6 bis 10 tagelang das geben, was ich Websites nenne. Hier werde ich jeden Tag eine Website erstellen, die zunehmend schwieriger und komplexer wird.

Da sein!

Das obige ist der detaillierte Inhalt vonTages-HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!