{"id":25812,"date":"2025-01-25T05:50:20","date_gmt":"2025-01-24T20:50:20","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=25812"},"modified":"2025-01-25T05:50:22","modified_gmt":"2025-01-24T20:50:22","slug":"%e7%99%be%e7%a7%91%e4%ba%8b%e5%85%b8%e3%82%b5%e3%82%a4%e3%83%88","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=25812","title":{"rendered":"\u767e\u79d1\u4e8b\u5178\u30b5\u30a4\u30c8"},"content":{"rendered":"\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Encyclopedia<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #f4f4f4;\n        }\n        header {\n            background-color: #2c3e50;\n            color: white;\n            padding: 20px;\n            text-align: center;\n        }\n        nav {\n            display: flex;\n            justify-content: center;\n            background-color: #34495e;\n            padding: 10px;\n        }\n        nav a {\n            color: white;\n            text-decoration: none;\n            margin: 0 15px;\n            font-weight: bold;\n        }\n        nav a:hover {\n            text-decoration: underline;\n        }\n        .search-bar {\n            display: flex;\n            justify-content: center;\n            margin: 20px 0;\n        }\n        .search-bar input {\n            width: 60%;\n            padding: 10px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            font-size: 16px;\n        }\n        .search-bar button {\n            padding: 10px 20px;\n            background-color: #2c3e50;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            margin-left: 5px;\n            cursor: pointer;\n            font-size: 16px;\n        }\n        .search-bar button:hover {\n            background-color: #34495e;\n        }\n        .categories, .articles, .about {\n            margin: 20px;\n            padding: 20px;\n            background-color: white;\n            border-radius: 5px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n        }\n        .categories h2, .articles h2, .about h2 {\n            margin-bottom: 15px;\n            font-size: 24px;\n        }\n        .categories ul, .articles ul {\n            list-style: none;\n            padding: 0;\n        }\n        .categories li, .articles li {\n            margin-bottom: 10px;\n        }\n        .categories a, .articles a {\n            color: #2c3e50;\n            text-decoration: none;\n            font-size: 18px;\n        }\n        .categories a:hover, .articles a:hover {\n            text-decoration: underline;\n        }\n        .about p {\n            line-height: 1.6;\n            font-size: 18px;\n            color: #333;\n        }\n        .featured {\n            margin: 20px;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n        }\n        .featured-item {\n            background-color: white;\n            border-radius: 5px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n        }\n        .featured-item img {\n            width: 100%;\n            height: auto;\n        }\n        .featured-item h3 {\n            margin: 15px;\n            font-size: 20px;\n            color: #2c3e50;\n        }\n        .featured-item p {\n            margin: 15px;\n            line-height: 1.5;\n            color: #666;\n        }\n        .featured-item a {\n            display: block;\n            text-align: center;\n            padding: 10px;\n            margin: 15px;\n            background-color: #2c3e50;\n            color: white;\n            text-decoration: none;\n            border-radius: 5px;\n        }\n        .featured-item a:hover {\n            background-color: #34495e;\n        }\n        footer {\n            background-color: #2c3e50;\n            color: white;\n            text-align: center;\n            padding: 10px 0;\n            margin-top: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<header>\n    <h1>Welcome to the Encyclopedia<\/h1>\n    <p>Your go-to source for comprehensive knowledge<\/p>\n<\/header>\n\n<nav>\n    <a href=\"#\">Home<\/a>\n    <a href=\"#categories\">Categories<\/a>\n    <a href=\"#articles\">Popular Articles<\/a>\n    <a href=\"#about\">About<\/a>\n<\/nav>\n\n<div class=\"search-bar\">\n    <input type=\"text\" placeholder=\"Search articles...\">\n    <button>Search<\/button>\n<\/div>\n\n<section id=\"categories\" class=\"categories\">\n    <h2>Categories<\/h2>\n    <ul>\n        <li><a href=\"#\">Science<\/a><\/li>\n        <li><a href=\"#\">Technology<\/a><\/li>\n        <li><a href=\"#\">History<\/a><\/li>\n        <li><a href=\"#\">Geography<\/a><\/li>\n        <li><a href=\"#\">Culture<\/a><\/li>\n    <\/ul>\n<\/section>\n\n<section id=\"articles\" class=\"articles\">\n    <h2>Featured Articles<\/h2>\n    <ul>\n        <li><a href=\"#\">The Wonders of Space Exploration<\/a><\/li>\n        <li><a href=\"#\">The Rise and Fall of Ancient Civilizations<\/a><\/li>\n        <li><a href=\"#\">Understanding Quantum Mechanics<\/a><\/li>\n        <li><a href=\"#\">The Impact of AI on Modern Society<\/a><\/li>\n        <li><a href=\"#\">World's Most Breathtaking Landscapes<\/a><\/li>\n    <\/ul>\n<\/section>\n\n<section class=\"featured\">\n    <div class=\"featured-item\">\n        <img src=\"https:\/\/via.placeholder.com\/300\" alt=\"Space Exploration\">\n        <h3>The Wonders of Space Exploration<\/h3>\n        <p>Discover the mysteries of the universe and the advances in space technology that bring us closer to the stars.<\/p>\n        <a href=\"#\">Read More<\/a>\n    <\/div>\n    <div class=\"featured-item\">\n        <img src=\"https:\/\/via.placeholder.com\/300\" alt=\"Ancient Civilizations\">\n        <h3>The Rise and Fall of Ancient Civilizations<\/h3>\n        <p>Explore the history of ancient empires and their lasting impact on the modern world.<\/p>\n        <a href=\"#\">Read More<\/a>\n    <\/div>\n    <div class=\"featured-item\">\n        <img src=\"https:\/\/via.placeholder.com\/300\" alt=\"Quantum Mechanics\">\n        <h3>Understanding Quantum Mechanics<\/h3>\n        <p>Dive into the complex and fascinating world of quantum physics and its real-world applications.<\/p>\n        <a href=\"#\">Read More<\/a>\n    <\/div>\n<\/section>\n\n<section id=\"about\" class=\"about\">\n    <h2>About This Encyclopedia<\/h2>\n    <p>This online encyclopedia is dedicated to providing reliable and well-researched information on a wide range of topics. From science and technology to history and culture, we aim to empower curious minds with knowledge.<\/p>\n    <p>Our content is curated by experts and enthusiasts from around the world, ensuring a comprehensive and engaging learning experience for all users.<\/p>\n<\/section>\n\n<footer>\n    <p>&copy; 2025 Encyclopedia. All rights reserved.<\/p>\n<\/footer>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[80],"tags":[3],"class_list":["post-25812","post","type-post","status-publish","format-standard","hentry","category-html","tag-programming"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25812"}],"version-history":[{"count":2,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25812\/revisions"}],"predecessor-version":[{"id":25814,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25812\/revisions\/25814"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25812"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}