編集履歴

質問編集履歴

書式の改善

2020/02/08 08:15

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -577,3 +577,11 @@
 ここにより詳細な情報を記載してください。
+![イメージ説明](34870c49e1f527be6579b1ee29313784.png)

書式の改善

2020/02/08 08:15

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -394,6 +394,164 @@
+<body>
+  <header>
+  </header>
+  <section class="about">
+    <p>Village Jamboree</p>
+  </section>
+  <section class="photo">
+    <h2 class="title">Instagram</h2>
+    <div>
+      <a href="https://www.instagram.com/p/Byw47LwDJjj/?utm_source=ig_embed&amp;utm_campaign=loading" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="aa.png" alt="" width="162"></a>
+ </div>
+    <div><a href=https://www.instagram.com/p/B1QGPGfhSUK/?utm_source=ig_web_copy_link style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="aaa.png" alt=""width="130"></a>
+    </div>
+    <div>
+    <a href="https://www.instagram.com/p/B1a_VnEhxTg/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="aaaa.png" alt=""width="162"></a>
+    </div>
+      <div>
+    <a href="https://www.instagram.com/p/B2ZIAVtho9R/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="aaaaa.png" alt=""width="130"></a>
+    </div>
+     <div>
+    <a href="https://www.instagram.com/p/B26gYX2hUuH/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="aaaaaa.png" alt=""width="130"></a>
+    </div>
+    <div>
+    <a href="https://www.instagram.com/p/B3IwLjGBMHB/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="ab.png" alt=""width="145"></a>
+    </div>
+    <div>
+    <a href="https://www.instagram.com/p/B3gnZKthVXO/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="abb.png" alt=""width="130"></a>
+    </div>
+    <div>
+    <a href="https://www.instagram.com/p/B4xLKCjhDp3/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="abc.png" alt=""width="130"></a>
+    </div>
+     <div>
+    <a href="https://www.instagram.com/p/B6QPwD3hUgL/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="abcc.png" alt=""width="130"></a>
+    </div>
+  </section>
+  <section class="information">
+    <h2 class="title"></h2>
+    <div>
+      <h3>member</h3>
+        <h1>MONA</h1>
+        <a href="https://www.instagram.com/p/B3lSZtfB-90/?utm_source=ig_web_copy_link" style="line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><img src="mona-instagram.png" alt=""width="180"></a>
+         <p>担当　主に全体構成、イラスト</p>
+         <p></p>
+    </div>
+      <div>
+          <h1>TANI</h1>
+                  <h1>AN</h1>
+           <a href="https://www.instagram.com/p/B2kaJaiJVPW/?utm_source=ig_web_copy_link" target="_blank"><img src="an%20instagram.png" alt=""width="180"></a>
+          <h1>KITTCAN</h1>
+           <img src="kippe.png" alt=""width="180">
+      </div>
+  </section>
+  <footer>&copy; 2019 Village Jamboree</footer>
+</body>
+</html>
 </head>

書式の改善

2020/02/02 12:50

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -362,19 +362,13 @@
 </head>
-コード
-```
+```
-コード
 ```

書式の改善

2020/02/02 12:43

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -32,7 +32,9 @@
+```
-``````@charset "UTF-8";
+@charset "UTF-8";
 /* すべての要素のmarginとpaddingを0に設定します */
@@ -364,7 +366,19 @@
+コード
+```
+コード
+```
-コード<!doctype html>
+<!doctype html>
 <html lang="ja">
@@ -392,16 +406,6 @@
-```
-コード
-```
 ソースコード
 ```

書式の改善

2020/02/02 12:42

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -32,7 +32,309 @@
+``````@charset "UTF-8";
+/* すべての要素のmarginとpaddingを0に設定します */
+* {
+  margin: 0;/* 要素の外側の余白を0にする */
+  padding: 0;/* 要素の内側の余白を0にする */
+}
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;/* フォントを指定する */
+}
+/* 全てのsection */
+section {
+  padding: 30px;
+  min-width: 1050px;/* 幅の最小値を指定する */
+}
+/* h2のclass title */
+.title {
+  font-size: 60px;/* フォントの大きさを指定する */
+  margin-bottom: 20px;
+  font-family: 'Oswald', sans-serif;
+  text-align: center;/* 文字・画像を中央にそろえる */
+}
+/* headerはここ */
+header {
+  text-align: center;
+  background-color: #991d1d;
+  background-size: cover;/* 背景画像をボックスいっぱいに指定する */
+  padding: 60px;
+  min-width: 920px;
+}
+header h2 {
+  color: #000000;/* フォントの色を指定する */
+}
+/* sectionのclass about */
+.about {
+  background-color: #991d1d;/* 背景色を指定する */
+  text-align: center;
+}
+.about h2 {
+  color: #992626;
+    height: 4000px;
+}
+.about p {
+    font-size: 100px;
+  margin-bottom: 0px;
+  text-align: center;
+  max-width: 700px;/* 幅の最大値を指定する */
+  margin: 60px auto;
+   font-family: 'Revalia', cursive;
+}
+/* sectionのclass photo */
+.photo {
+  background-color: #00552e;
+  color: #ffffff;
+  text-align: center;
+    height: 400px;
+}
+.photo h2 {
+  color: #ffcc11;
+}
+.photo div {
+  display: inline-block;/* 要素の表示形式を指定する */
+  margin: 5px;
+}
+/* sectionのclass information */
+.information {
+  background-color: #991d1d;
+  background-size: cover;
+    overflow: hidden;
+}
+.information h2 {
+  color: #ffffff;
+}
+.information div {
+  padding: 20px;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+.information p{
+    text-align: left;
+    margin: -225px 20px 450px 250px;
+    font-size: 20px
+}
+.information h1{
+    font-size: 75px;
+    text-align: left;
+}
+.information h3 {
+  color: #ffcc11;
+  font-size: 28px;
+  text-align: center;
+}
+}
+.information img {
+/*  float: left; 要素の回り込みを指定する */
+  margin-right: 20px;
+}
+/* footerはここ */
+footer {
+  text-align: center;
+  color: #991d1d;
+  background: #003377;
+  padding: 10px 0;
+}
-```<!doctype html>
+`` <!doctype html>
 <html lang="ja">
@@ -52,324 +354,54 @@
     <link href="https://fonts.googleapis.com/css?family=Revalia&display=swap" rel="stylesheet">
-@charset "UTF-8";
-/* すべての要素のmarginとpaddingを0に設定します */
-* {
-  margin: 0;/* 要素の外側の余白を0にする */
-  padding: 0;/* 要素の内側の余白を0にする */
-}
-html,
-body {
-  margin: 0;
-  padding: 0;
-  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;/* フォントを指定する */
-}
-/* 全てのsection */
-section {
-  padding: 30px;
-  min-width: 1050px;/* 幅の最小値を指定する */
-}
-/* h2のclass title */
-.title {
-  font-size: 60px;/* フォントの大きさを指定する */
-  margin-bottom: 20px;
-  font-family: 'Oswald', sans-serif;
-  text-align: center;/* 文字・画像を中央にそろえる */
-}
-/* headerはここ */
-header {
-  text-align: center;
-  background-color: #991d1d;
-  background-size: cover;/* 背景画像をボックスいっぱいに指定する */
-  padding: 60px;
-  min-width: 920px;
-}
-header h2 {
-  color: #000000;/* フォントの色を指定する */
-}
-/* sectionのclass about */
-.about {
-  background-color: #991d1d;/* 背景色を指定する */
-  text-align: center;
-}
-.about h2 {
-  color: #992626;
-    height: 4000px;
-}
-.about p {
-    font-size: 100px;
-  margin-bottom: 0px;
-  text-align: center;
-  max-width: 700px;/* 幅の最大値を指定する */
-  margin: 60px auto;
-   font-family: 'Revalia', cursive;
-}
-/* sectionのclass photo */
-.photo {
-  background-color: #00552e;
-  color: #ffffff;
-  text-align: center;
-    height: 400px;
-}
-.photo h2 {
-  color: #ffcc11;
-}
-.photo div {
-  display: inline-block;/* 要素の表示形式を指定する */
-  margin: 5px;
-}
-/* sectionのclass information */
-.information {
-  background-color: #991d1d;
-  background-size: cover;
-    overflow: hidden;
-}
-.information h2 {
-  color: #ffffff;
-}
-.information div {
+</head>
+コード<!doctype html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1">
+     <title>Village Jamboree</title>
+  <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="stylesheet.css">
+    <link href="https://fonts.googleapis.com/css?family=Revalia&display=swap" rel="stylesheet">
-  padding: 20px;
-  max-width: 1000px;
-  margin: 0 auto;
-}
-.information p{
-    text-align: left;
-    margin: -225px 20px 450px 250px;
-    font-size: 20px
-}
-.information h1{
-    font-size: 75px;
-    text-align: left;
-}
-.information h3 {
-  color: #ffcc11;
-  font-size: 28px;
-  text-align: center;
-}
-}
-.information img {
-/*  float: left; 要素の回り込みを指定する */
-  margin-right: 20px;
-}
-/* footerはここ */
-footer {
-  text-align: center;
-  color: #991d1d;
-  background: #003377;
-  padding: 10px 0;
-}
 </head>
+```
+コード
+```
 ソースコード
 ```

書式の改善

2020/02/02 12:34

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -52,6 +52,316 @@
     <link href="https://fonts.googleapis.com/css?family=Revalia&display=swap" rel="stylesheet">
+@charset "UTF-8";
+/* すべての要素のmarginとpaddingを0に設定します */
+* {
+  margin: 0;/* 要素の外側の余白を0にする */
+  padding: 0;/* 要素の内側の余白を0にする */
+}
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;/* フォントを指定する */
+}
+/* 全てのsection */
+section {
+  padding: 30px;
+  min-width: 1050px;/* 幅の最小値を指定する */
+}
+/* h2のclass title */
+.title {
+  font-size: 60px;/* フォントの大きさを指定する */
+  margin-bottom: 20px;
+  font-family: 'Oswald', sans-serif;
+  text-align: center;/* 文字・画像を中央にそろえる */
+}
+/* headerはここ */
+header {
+  text-align: center;
+  background-color: #991d1d;
+  background-size: cover;/* 背景画像をボックスいっぱいに指定する */
+  padding: 60px;
+  min-width: 920px;
+}
+header h2 {
+  color: #000000;/* フォントの色を指定する */
+}
+/* sectionのclass about */
+.about {
+  background-color: #991d1d;/* 背景色を指定する */
+  text-align: center;
+}
+.about h2 {
+  color: #992626;
+    height: 4000px;
+}
+.about p {
+    font-size: 100px;
+  margin-bottom: 0px;
+  text-align: center;
+  max-width: 700px;/* 幅の最大値を指定する */
+  margin: 60px auto;
+   font-family: 'Revalia', cursive;
+}
+/* sectionのclass photo */
+.photo {
+  background-color: #00552e;
+  color: #ffffff;
+  text-align: center;
+    height: 400px;
+}
+.photo h2 {
+  color: #ffcc11;
+}
+.photo div {
+  display: inline-block;/* 要素の表示形式を指定する */
+  margin: 5px;
+}
+/* sectionのclass information */
+.information {
+  background-color: #991d1d;
+  background-size: cover;
+    overflow: hidden;
+}
+.information h2 {
+  color: #ffffff;
+}
+.information div {
+  padding: 20px;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+.information p{
+    text-align: left;
+    margin: -225px 20px 450px 250px;
+    font-size: 20px
+}
+.information h1{
+    font-size: 75px;
+    text-align: left;
+}
+.information h3 {
+  color: #ffcc11;
+  font-size: 28px;
+  text-align: center;
+}
+}
+.information img {
+/*  float: left; 要素の回り込みを指定する */
+  margin-right: 20px;
+}
+/* footerはここ */
+footer {
+  text-align: center;
+  color: #991d1d;
+  background: #003377;
+  padding: 10px 0;
+}

書式の改善

2020/02/02 12:21

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -32,7 +32,33 @@
+```<!doctype html>
+<html lang="ja">
-```ここに言語名を入力
+<head>
+  <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1">
+     <title>Village Jamboree</title>
+  <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="stylesheet.css">
+    <link href="https://fonts.googleapis.com/css?family=Revalia&display=swap" rel="stylesheet">
+</head>
 ソースコード

誤字

2020/02/02 12:18

投稿

nnacastle

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,12 +1,4 @@
 ### 前提・実現したいこと
-ここに質問の内容を詳しく書いてください。
-（例）PHP(CakePHP)で●●なシステムを作っています。
-■■な機能を実装中に以下のエラーメッセージが発生しました。
 中学生、初心者です。友達と行った地域活性化のプロジェクトをweb常にも記録していきたいと思い、Webサイトを制作しています。
@@ -14,13 +6,17 @@
+### 発生している問題・エラーメッセージ
 この前、充電が少なく、充電器も近くになかったため、電源を落としていたのですが、再起動をすると、制作途中で表示されるChrome上のWebサイトがHTMLしか表示されなくなりました。
 この場合はどうしたらいいのでしょうか
-具体的な対策や、問題点を教えてくれるとありがたいです。
+具体的な対策や、問題点を教えてくれるとありがたいです
-### 発生している問題・エラーメッセージ