HTML初級(Progate編)

背景
投稿者投稿者TAKEYANいいね2お気に入り登録1
プレイ回数2018難易度(4.0) 1044打 長文
Progateの復習用
個人用としてProgateの復習として作りました。
HIML初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
文字数制限がある為、一部文を分けている場所があります。

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(<!doctype html>)

<!DOCTYPE html>

(<html></html>)

<html></html>

(<head></head>)

<head></head>

(<meta charset=”utf-8”>)

<meta charset="utf-8">

(<title></title>)

<title></title>

(<link rel=”stylesheet”)

<link rel="stylesheet"

(href=”stylesheet.css”>)

href="stylesheet.css">

(<body></body>)

<body></body>

(<div class=”header”></div>)

<div class="header"></div>

(<div class=”)

<div class="

(header-logo”>progate</div>)

header-logo">Progate</div>

(<div class=”header-list”></div>)

<div class="header-list"></div>

(<ul></ul>)

<ul></ul>

(<li>ぷろぐらみんぐとは</li>)

<li>プログラミングとは</li>

(<li>まなべるれっすん</li>)

<li>学べるレッスン</li>

(<li>おといあわせ</li>)

<li>お問い合わせ</li>

(<div class=”main”></div>)

<div class="main"></div>

(<div class=”copy-container”></div>)

<div class="copy-container"></div>

(<h1>hello world<span>.</span></h1>)

<h1>HELLO WORLD<span>.</span></h1>

(<h2>ぷろぐらみんぐのせかいへようこそ</h2>)

<h2>プログラミングの世界へようこそ</h2>

など

(<div class=”contents”></div>)

<div class="contents"></div>

(<h3 class=”section-title)

<h3 class="section-title

(”>まなべるれっすん</h3>)

">学べるレッスン</h3>

(<div class=”contents-item”></div>)

<div class="contents-item"></div>

(<img src=””>)

<img src="">

(<p>html & css</p>)

<p>HTML & CSS</p>

(<p>php</p>)

<p>PHP</p>

(<p>ruby</p>)

<p>Ruby</p>

(<p>swift</p>)

<p>Swift</p>

(<div class=”contact-form”></div>)

<div class="contact-form"></div>

(<h3 class=”section-title)

<h3 class="section-title

(<p>めーるあどれす(ひっす)</p>)

<p>メールアドレス(必須)</p>

(<input>)

<input>

(<p>おといあわせないよう(ひっす)</p>)

<p>お問い合わせ内容(必須)</p>

(<textarea></textarea>)

<textarea></textarea>

(<p>ひっすこうもくはかならずごにゅうりょくください</p>)

<p>必須項目は必ずご入力ください</p>

(<input class=”contact-submit)

<input class="contact-submit

(” type=”submit” value=”そうしん”>)

" type="submit" value="送信">

(<div class=”footer”></div>)

<div class="footer"></div>

(<div class=”footer-logo)

<div class="footer-logo

(”>progate</div>)

">Progate</div>

(<div class=”footer-list”></div>)

<div class="footer-list"></div>

(<ul></ul>)

<ul></ul>

(<li>かいしゃがいよう</li>)

<li>会社概要</li>

(<li>さいよう</li>)

<li>採用</li>

(<li>おといあわせ</li>)

<li>お問い合わせ</li>

(つぎはcss(しょきゅうへん)をやってね。)

次はCSS(初級編)をやってね。

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、無関係な宣伝行為は禁止です。

※このゲームにコメントするにはログインが必要です。

※コメントは日本語で投稿してください。

※歌詞は投稿しないでください!