2f:[] 2d:{"title":"練習問題1","cells":[{"id":0,"value":"# 練習問題1\n\nこのノートブックをフォークして回答してください。","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"**第1問**　d3の`append(), text(), node()`メソッドを使って、次のようなHTMLを生成してください。\n\n```html\n

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

\n```\n","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"**第2問**　できたら、次のようなHTMLを生成してください。\n\n```html\n

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

\n```\n","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"**第3問** attrメソッドを使って、次のようなHTMLを生成してください。\n\nfirst と last には個別のスタイルを適用しましょう。\n\nattrメソッドはセレクションの属性を設定します。\n第1引数に属性名、第2引数には属性の値を指定します。\n\nattrメソッドの例\n```js\np.attr(\"class\", \"my-class\") // p要素のclass属性の値をmy-classに設定します\n```\n\nHTML\n```html\n

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

\n```","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"**第4問**　上のHTMLを次の見た目になるようにスタイルを指定してください。\n\n[![Image from Gyazo](https://i.gyazo.com/cfdc634548665f86f542c087351cf04a.png)](https://gyazo.com/cfdc634548665f86f542c087351cf04a)","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W2f","stdlib":"1","titling":"auto"}