57 lines
3 KiB
HTML
57 lines
3 KiB
HTML
<head>
|
|
<link rel="stylesheet" href="css1.css">
|
|
</head>
|
|
<body>
|
|
<article>
|
|
<h1>このページのタイトル</h1>
|
|
<section>
|
|
<h2>このセクションの見出し</h2>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<ul>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
</ul>
|
|
<blockquote>
|
|
<p>引用文段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
</blockquote>
|
|
</section>
|
|
<section>
|
|
<h2>このセクションの見出し</h2>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<ol>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
<li>箇条書き箇条書き箇条書き箇条書き箇条書き箇条書き</li>
|
|
</ol>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<img src="https://i.gyazo.com/b98230b147d85f4cd86380ee625ffe5d.jpg">
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
</section>
|
|
<aside>
|
|
<h2>お問合せ</h2>
|
|
<p>段落文章文章文章文章文章文章文章文章文章文章文章文章、文章文章文章文章文章文章文章文章文章文章文章文章文章。</p>
|
|
<form>
|
|
<div class="form-items">
|
|
<div class="form-items__item">
|
|
<label>会社名</label>
|
|
<input type="text">
|
|
</div>
|
|
<div class="form-items__item">
|
|
<label>担当者名</label>
|
|
<input type="text">
|
|
</div>
|
|
<div class="form-items__item">
|
|
<label>お問合せ内容</label>
|
|
<textarea></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-action">
|
|
<input type="submit" value="送信">
|
|
</div>
|
|
</form>
|
|
</aside>
|
|
</article>
|
|
</body>
|