トップ > インターネット > ホームページ作成・素材 > HTMLの基礎−タグを覚えてウェブページを作ろう!−

ホームページはHTMLタグの知識とテキストエディタさえあれば作成できます。またタグを理解していればサイトの細かい部分まで手が届きます。でも、わからない・・そんな方にお送りする初心者向けのHTMLタグ講座「HTMLの基礎」。

RSS


メルマガの登録・解除

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。



HTMLの基礎 Vol.34 追加文字列・取消線(ins・s・strike)

発行日:2/18

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

    HTMLの基礎 −タグを覚えてウェブページを作ろう!−

      2005/02/18(Fri) Vol.34       執筆:ykr
              http://ykr.main.jp/html/index.html

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.後から挿入された物である事を示す <ins>

   2.取消線 <s><strike>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   


  少し暖かい日が続くとはいえ、寒くて外に出るのが嫌です。まあ元々出
  不精なのですが・・先月今月と引き続いて偶然出費が重なり、体も心も
  寒い私ですが、今日もがんばっていきましょう。

  さて、今回は上記の3つのタグを紹介します。前回紹介した<del>と関連
  性の高いタグです。
  それでは今日も最後までお付き合いよろしくお願いいたします。


  ※注意  HTMLのバージョンは4.01です。
       発刊時点で非推奨とされてるものも掲載しています。
       表示確認しているブラウザは、WinIE6、WinNN7、MacIE5.2
       MacNN7です。その他のブラウザでの表示は未確認ですので
       意図したとおりにならないことがあります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


1.後から挿入された物である事を示す <ins>


  <ins></ins>の間に記述された文字列は、後から挿入された文字列である
  事を示します。<del></del>と組み合わせて使用することが多く、(<del>
  </del>で囲まれた文字列は後から削除した文字列だということを示します
  。)ブラウザによって表示方法は異なります。

  また<del>と同じように属性を指定することが可能です。


----------------------------------------------------------------------


 ■次回の会議は<del cite=\"URL\" datetime=\"日時\">15日</del>
  <ins cite=\"URL\" datetime=\"日時\">16日</ins>に行う。


  前回の<del>より例を引用しています。上記の例は「15日」が削除された
  部分であるのに対し、「16日」が後から挿入された文字列です。

  属性については以下の通りで<del>と全く同じです。


  ▼<ins>に指定可能な属性

   ・cite ・・ citeの値には挿入された理由を示すURLを記述

   ・datetime ・・ 挿入日時をISO8601に準拠した形式で記述します。
            例えば・・

             2005-02-11T09:38:40+09:00

            などといった感じです。日付と時間の間には「T」
            を記述します。上記のは日本時間の場合ですが、
            (日本では世界標準時刻より9時間の時差)
            世界標準時で記述する場合は、最後の「+09:00」
            を省き「Z」を記述します。

             2005-02-11T09:38:40Z


  なお、これらの属性で記述した内容はページには表示されません。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


2.取消線 <s><strike>


  <s></s>又は<strike></strike>の間に記述された文字列には取り消し線
  が引かれます。これら二つのタグは「strike-through」の略であること
  から、全く同じ意味(削除する)を持つことがわかります。

  前回紹介した<del>も後から削除されたという意味を持ちますが、これら
  3つのタグの中では、<del>を使用することが推奨されています。


----------------------------------------------------------------------


 ■第53章<s>から第59章まで</s>を和訳してくること。


  上記の例文では、「から第59章まで」の部分に取り消し線が引かれま
  す。<strike>でも同様の結果になります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


  それでは、いつもと同じ手順でHTML文書を作成して表示を確かめて
  みましょう。面倒な方は前回の続きに上書きしても良いでしょう。


----------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
    \"http://www.w3.org/TR/html4/loose.dtd\">

<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html;charset=Shift_JIS\">
<title>追加文字列・取消し線</title>
</head>

<body>
<h1>追加文字列・取消し線</h1>
<h2>追加文字列</h2>
<hr>
<p>
納期は<del>2月19日</del><ins>3月19日</ins>の予定です。
</p>
<hr>

<h2>取消し線</h2>
<hr>
<p>
<b>2月の課題予定</b>
</p>
<ol>
<li>1月に作成したプログラムの仕様変更</li>
<li>既存システムとの連携のためのテスト仕様書のまとめ</li>
<li><s>先月からの引き続き</s></li>
</ol>

</body>
</html>


----------------------------------------------------------------------


  さて、記述できたらファイルを保存します。
  前回のファイルに追加したという方は、上書き保存か名前をつけて、新
  しく保存して下さい。拡張子は「.html」です。


----------------------------------------------------------------------


 ■納期は<del>2月19日</del><ins>3月19日</ins>の予定です。


  「2月19日」という文字列は後から削除されたものだという事を示す
  のに対し、「3月19日」という文字列は後から挿入されたものだとい
  う事を示します。


 ■<li><s>先月からの引き続き</s></li>


  上記のように<s></s>の間に記述されている「先月からの引き続き」とい
  う文字列には取り消し線が引かれます。<s>の代わりに<strike>を記述し
  ても同様の結果が得られます。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


来週は・・・

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.Javaアプレットを読み込む <applet>

   2.バックグラウンドで音楽を流す <bgsound>

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

(予告なく変更する事があります)


■ 雑記 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


  今回も最後まで付き合ってくださった方、お疲れ様でした。

  なんだか最近手抜きしてる・・・?なんて思わなくもないような内容で
  す。今日のメルマガはあっという間に作成できました。全然関係のない
  話なのですが、先日寝不足と疲労でボーっと道を歩いていると、道の窪
  みに足を突っ込んで思いっきり足首を捻ってしまいました。
  めちゃくちゃ痛かったのですが、それ以上に恥ずかしかったので、さも
  何もなかったようにその場から立ち去りましたが、まだだいぶ痛いです。
  子供ならまだしも、大人になってから転んだりするのってかなり間抜け
  に見えますね・・(苦笑)

  さて、来週紹介予定のタグ<applet><bgsound>ですが、あまりお勧めし
  ません。(紹介するので矛盾していますが)<bgsound>はIE独自のタグ
  ですし、<applet>もアプレットをページに貼り付ける際に使用するの
  ですが、アプレット自体が重いので好ましくありません。(あくまで
  私の考えです)ちなみによく間違えている方がおられますが、「Java 
  applet」と「JavaScript」「Java」は別物です。プログラムの書き方
  が違います。

  なんだか長くなってしまいました。
  というわけでまた次回もよろしくお願いいたします。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■■■「HTMLの基礎」姉妹サイトです。よろしくお願いします。■■■■

■■■「全部まるごとスタイルシート」
■   http://ykr414.com/css/index.html
■   スタイルシート辞典です。プロパティごと、または目的ごとに引
■   け、ブラウザの対応状況なども掲載しています。
■   HTMLに加える事で、より細かいレイアウトの指定が可能に。
■   コピーペーストするだけで利用できるテンプレートのページも。

■■■「コマンドプロンプトを使ってみよう!」
■   http://ykr414.com/dos/index.html
■   コマンドプロンプトとは何かから始まり、バッチファイルの作成
■   法や、コマンド別・目的別に引けるコマンド辞典。
■   初心者でもわかるよう細かく説明。

■■■「伸び縮みマークアップ言語 XML」
■   http://ykr414.com/xml/index.html
■   SGMLのサブセットであるXMLは、ネット上で扱うデータを
■   記述するためのデータフォーマットで、柔軟性のある言語構造を
■   持っており、プログラムで自在にデータを情報処理できます。そ
■   のXMLを実際に文書を作成しながら解説。随時追加更新。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


・makers     http://ykr414.net/makers/
         ダイエットグッズ、美味しいもの、かわいいもの
         セレクトショップ。ちょっと珍しいグッズ・便利な
         サービスなどの情報も掲載。
         コラムなどのコンテンツもあります。

・YKR GALLERY   http://ykr414.net/
         CG、また実際に描いた絵を紹介するギャラリー。
         趣味で運営の為かなり更新が遅め。


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  Auther       ykr
  Mail         ykr414@yahoo.co.jp
  URL          http://ykr.main.jp/html/index.html
  Copyright    (C)2004 ykr414. All rights reserved.
  Attention    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

最新の記事

ブックマークに登録する

TwitterでつぶやくLismeトピックスに追加するdel.icio.usに追加Buzzurlにブックマークニフティクリップに追加Yahoo!ブックマークに登録記事をEvernoteへクリップ
My Yahoo!に追加Add to Google

規約に同意してこのメルマガに登録/解除する

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。


この記事へのコメント

コメントを書く


上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。
コメントの投稿時は投稿者規約への同意が必要です。

  1. コメントはありません。

このメルマガもおすすめ

  1. @(あっと)驚く!エクセル好きルアップ  

    最終発行日:
    2011/05/26
    読者数:
    4069人

    エクセル(Excel)の基礎から裏ワザまで... D-UP発行のマガジンは、1問1答の形式、詳細な解説付きで配信。さらに連動した懸賞サービスもあり、スキルとプレゼントを同時にゲット。映画情報もあるよ

  2. これ知ってます?Wordの小ワザ&便利ワザ

    最終発行日:
    2011/05/26
    読者数:
    4683人

    D-UPが送る、ほほー!っと納得ワード(Word)の小ワザ&便利ワザをクイズ形式で楽しく学んでいきます。知ってて損することはありません。あなたの文章にアクセントをつけてみませんか?懸賞のチャンスもWでお得。

  3. 全部フリーソフト!!

    最終発行日:
    2014/02/26
    読者数:
    4888人

    ネット上にはこんなに便利なソフトがいっぱい。仕事にも、遊びにも、あると絶対にお得で楽しいソフトを1つずつご紹介します。

  4. 高橋浩子の日本一“お気楽”なパソコンマガジン

    最終発行日:
    2017/01/21
    読者数:
    1130人

    「クスッと笑えてタメになる」をモットーとするテクニカルライター高橋浩子が魂を込めてお届けする週刊メルマガ。パソコン講座を中心に、便利ネタやおすすめサイトもご紹介。とにもかくにも、“お気楽”に楽しめる異色のエンターテイメントマガジンである。

  5. C#プログラミングレッスン

    最終発行日:
    2014/09/30
    読者数:
    973人

    C#での .NETプログラミングを易しく丁寧に解説するメールマガジンです。「C#プログラミング・レッスン」で、.NETプログラミングをマスターしましょう。

発行者プロフィール

過去の発行記事