HTMLコードNo1

一連の流れで説明

細かい説明をする前に実際に作成してみましょう。下のHTMLコードNo1をメモ帳にコピーして、アイコンの名前を「 index.html 」に変更してください。

安心宣言:HTMLコードは短時間で作成するための骨組みです。心配な方は、使用タグの説明からはじめましょう。

初心者コースは、ホームページの作成を一連の流れで紹介してあります。「全体の流れ」の手順で作成していきましょう。

◇ メモ帳の詳細手順

  1. デスクトップでマウス右クリック ⇒ 新規作成 ⇒ テキストドキュメント
  2. HTMLコードNo1コピー ⇒ マーク状態でマウス右クック ⇒ コピー
  3. アイコンをダブルクリック ⇒ 画面上でマウス右クリック ⇒ 貼り付け
  4. ファイル(メニューバー左上) ⇒ 上書き保存 ⇒ 閉じる(画面右上×)
  5. アイコン上で右クリック ⇒ 名前変更 ⇒ 「 index.html 」に変更

※ 表示されない方は拡張子を確認してください。関連ページ - 基本操作


HTMLコードNo1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>~</title>
<style type="text/css">
<!--
a:link { color: #0000cd }
a:visited { color: #800080 }
a:hover { color: #fffacd; background-color: #d2b48c }
a:active { color: #ffffff }
-->
</style>
</head>
<body style="background-color:#d2b48c">
<div align="center">
<h1>Welcome to Homepage</h1>
<p>ソースの表示方法はブラウザ左上 <span style="font-size:x-large">表示 ⇒ ソース</span></p>
<br>
<table border="1" cellspacing="1" cellpadding="5" width="550">
<tr style="background:#deb887" align="center">
<td>無料ホームページhp作成</td>
<td>★★★★★</td></tr>
<tr><td style="background:#f5deb3" height="150" colspan="2">
内容変更は全てソースから変更します。<br>
解説は https://www.syousai.com/txt/foundations.html を参考にして下さい。</td></tr>
</table>
<br>
<table border="1" cellspacing="1" cellpadding="5" width="550">
<tr><td>練習1</td><td>練習2</td></tr>
<tr><td>練習3</td><td>練習4</td></tr>
</table>
<br>
<table border="0" cellspacing="3" cellpadding="5" width="550">
<tr style="background:#deb887" align="center">
<td rowspan="2">
無料ホームページhp作成</td>
<td>★★★★★</td>
<td>★★★★</td>
<td>★★★</td></tr>
<tr style="background:#f5deb3" align="center">
<td>☆☆☆</td>
<td>☆☆</td>
<td>☆</td></tr>
<tr>
<td style="background:#f5deb3" height="150" colspan="4">
無料ホームページhp作成<br>
https://www.syousai.com/web.html 【Home】</td></tr>
</table>
</div>
</body>
</html>

HTMLコードNo1、一連の流れで説明。パソコン付属のテキストエディタを利用した、初心者向け無料ホームページ作成方法の解説。無料hp作成の参考に!

ページTopヘ

Top >> 無料 ホームページ作成

Access Ranking!

  1. 無料 求人 派遣 土日のみ 単発
  2. 無料 海外旅行保険 クレジットカード 傷害
  3. 無料 アンケート
  4. 無料 クレジットカード 審査 甘い
  5. 無料 ホームページ作成 無料hp作成
  6. 無料 クレジットカード 初心者
  7. 無料 オリックスカード 審査
Copyright©2017 www.syousai.com.All rights reserved. XTML, CSS,