Skip to content

Commit b91df51

Browse files
chvmvdchvmvd
committed
Create HTML exercise
1 parent d14ae9c commit b91df51

File tree

4 files changed

+133
-1
lines changed

4 files changed

+133
-1
lines changed

‎docs/6-exercise/1-basis-of-web/_samples/html/index.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>ut.code(); のウェブサイト</title>
6+
</head>
7+
<body>
8+
<h1>ut.code();</h1>
9+
<img src="logo.svg" alt="ut.code(); のロゴ" />
10+
<h2>ut.code(); とは</h2>
11+
<p>
12+
ut.code(); は、2019
13+
年設立の東京大学のソフトウェアエンジニアリングコミュニティです。
14+
</p>
15+
<h2>主な活動</h2>
16+
<ul>
17+
<li>
18+
学習
19+
<ul>
20+
<li>学習カリキュラムの作成</li>
21+
<li>自主ゼミの開講</li>
22+
<li>「はじめてのプログラミング教室」の出展</li>
23+
</ul>
24+
</li>
25+
<li>
26+
交流
27+
<ul>
28+
<li>作業会の開催</li>
29+
<li>五月祭・駒場祭への出展</li>
30+
<li>合宿の開催</li>
31+
</ul>
32+
</li>
33+
<li>
34+
開発
35+
<ul>
36+
<li>プロジェクトの開発</li>
37+
<li>ブレインストーミングの実施</li>
38+
<li>定例ミーティングの開催</li>
39+
</ul>
40+
</li>
41+
</ul>
42+
</body>
43+
</html>

‎docs/6-exercise/1-basis-of-web/_samples/html/logo.svg‎

Lines changed: 34 additions & 0 deletions
Loading

‎docs/6-exercise/1-basis-of-web/index.md‎

Lines changed: 56 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,63 @@ import ViewSource from "@site/src/components/ViewSource";
1212

1313
## 1. HTML
1414

15-
作成中です...
15+
HTML を用いて次のようなウェブサイトを作ってみましょう。ut.code(); のロゴは[ここ](./_samples/html/logo.svg)からダウンロードして使用してください。
1616

17+
![ut.code(); のウェブサイト](website.png)
18+
19+
### 解答例
20+
21+
<Answer>
22+
23+
```html
24+
<!DOCTYPE html>
25+
<html lang="ja">
26+
<head>
27+
<meta charset="UTF-8" />
28+
<title>ut.code(); のウェブサイト</title>
29+
</head>
30+
<body>
31+
<h1>ut.code();</h1>
32+
<img src="logo.svg" alt="ut.code(); のロゴ" />
33+
<h2>ut.code(); とは</h2>
34+
<p>
35+
ut.code(); は、2019
36+
年設立の東京大学のソフトウェアエンジニアリングコミュニティです。
37+
</p>
38+
<h2>主な活動</h2>
39+
<ul>
40+
<li>
41+
学習
42+
<ul>
43+
<li>学習カリキュラムの作成</li>
44+
<li>自主ゼミの開講</li>
45+
<li>「はじめてのプログラミング教室」の出展</li>
46+
</ul>
47+
</li>
48+
<li>
49+
交流
50+
<ul>
51+
<li>作業会の開催</li>
52+
<li>五月祭・駒場祭への出展</li>
53+
<li>合宿の開催</li>
54+
</ul>
55+
</li>
56+
<li>
57+
開発
58+
<ul>
59+
<li>プロジェクトの開発</li>
60+
<li>ブレインストーミングの実施</li>
61+
<li>定例ミーティングの開催</li>
62+
</ul>
63+
</li>
64+
</ul>
65+
</body>
66+
</html>
67+
```
68+
69+
<ViewSource url={import.meta.url} path="_samples/html" />
70+
71+
</Answer>
1772

1873
## 2. 名前の長さ
1974

‎docs/6-exercise/1-basis-of-web/website.png‎

172 KB
Loading

0 commit comments

Comments
 (0)