泉町パソコン教室の公式ブログ

HTMLで使う要素名や属性の読み方

 

        HTMLで使う要素名や属性の読み方についてです。

要素名 html
正式名称 hyper text markup language
読み方 ハイパーテキスト マークアップ ラングエイジ
意味 ハイパーテキストマークアップ言語

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

要素名 p
正式名称 paragraph
読み方 パラグラフ
意味 段落

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

要素名 br
正式名称 break
読み方 ブレイク
意味 改行

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

要素名 em
正式名称 emphasis
読み方 エンファシス
意味 強調

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

要素名 strong
正式名称 strong emphasis
読み方 ストロング エンファシス
意味 より強い強調

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

要素名 h1〜h6
正式名称 heading
読み方 ヘディング
意味 頭・見出し

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

要素名 a
正式名称 anchor
読み方 アンカー
意味 いかり

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

要素名 hr
正式名称 horizontal rule
読み方 ホリゾンタル ルール
意味 水平線

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

要素名 ol
正式名称 orderd list
読み方 オーダー リスト
意味 順序付きリスト

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

要素名 ul
正式名称 unorderd list
読み方 アン オーダーリスト
意味 順不同リスト

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

要素名 li
正式名称 list item
読み方 リストアイテム
意味 リスト項目

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

要素名 dl
正式名称 difinition list
読み方 ディフィニションリスト
意味 定義リスト

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

要素名 dt
正式名称 difinition term
読み方 ディフィニション ターム
意味 定義語

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

要素名 dd
正式名称 difinition description
読み方 ディフィニション デスクリプション
意味 定義の説明

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

要素名 div
正式名称 division
読み方 ディヴィジョン
意味 区分、区域

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

サイトとは！

プロバイダにホームページ開設の申請をすると、プロバイダが所有するサーバー上にホームページ用のファイルを置く場所（フォルダ）を確保してくれます。この場所が自分（申請者）の「サイト」となります。

作成したホームページを世界中に発信するためには、ホームページに含まれるすべてのファイルサーバーで指定された場所に転送（アップロード）する必要があります。

 

プロバイダのサーバーにホームページ関連のファイルを転送するとき、バラバラに転送していたのでは時間もかかり面倒です。また、いったん、サーバーに置いたホームページを更新していくうちに、どのファイルが転送済なのかわからなくなってしまいます。

 

そこでホームページ・ビルダーではパソコン上に仮想の「サイト」を作る機能を提供しています。「サイト」を作ると、ホームページで使われているファイルの構成、ページ間のつながり（リンク）など、ホームページ全体の構成を把握できるようになるので、ホームページの管理が容易になります。サイトを作るには、まず自分のパソコン上にホームページ専用のフォルダを作成、その中にホームページを構成するすべてのファイルを入れておきます。そのフォルダ内にあるファイルが、サイトの構成要素として認識されます。

 

パソコン上にサイトを作っておくと、ホームページビルダーの「サイト転送」機能で、サイトに必要なファイルを一括してサーバーに転送することができるようになります。また、ホームページを更新した場合には、更新されたファイルだけをサーバーに転送することができるようになります。

 

（ホームページビルダー　ヘルプより）

散乱した画像ファイルをフォルダにまとめたい…♪

ホームページのお勉強お疲れ様です。講師Mです。

 

さて、初回のお題！　『散乱した画像ファイルをフォルダにまとめたい…♪』　です。

 

ホームページビルダーを無造作に使っていると、トップフォルダ（デスクトップもフォルダの一つです。）に写真やイラストなどのファイルが鬼の様に散乱してしまう悲劇に遭遇することがあります。(^_^;)

 

通常であれば、画像ファイル（写真、イラスト）は一つのフォルダ内で保存管理するようにします。

 

たとえば、

 

image　フォルダ…画像用

jpg　フォルダ…写真用

gif　フォルダ…イラスト用

 

てな具合に、フォルダを作って該当するファイルをそのフォルダに入れて管理するのが一般的！！

 

ですが、トップフォルダ（index.htmlファイルが存在するフォルダ)内に、あるわあるわ…山ほどの画像ファイルに手を焼くことがあります。

前述のフォルダ分けを意識しないで作成しまくったツケが後から回ってくるわけです。(笑)

 

では、この画像ファイル達を別なフォルダに単純に移動するとどうなるでしょうか？

 

★画像のリンク（保存場所情報）切れてしまい、表示できない状況になってしまいます。★

 

そこで、ホームページビルダーには、『　リンクの自動更新　』という機能が備わっております。

 

『　リンクの自動更新　』のやり方

 

１、　リンクの自動更新をしたいホームページをサイトとして開きます。

２、　メニュー　→　サイト　→　ビジュアルサイトビューを開く　を実行します。

３、　ビジュアルサイトビューの左上角の　リンク／フォルダ　の表示の　フォルダをクリックします。

４、　トップフォルダのアイコンをクリックします。

５、　トップフォルダ内の画像ファイルを確認します。←　jpeg や jpg や gif や png　など…

　　　（拡張子とは…ファイル名の末尾の３〜４文字のこと）

６、　画像ファイルを選択します。（ドラッグまたは、シフトキーもしくは、コントロールキーを使って）

７、　移動先の image フォルダに　ドラッグ＆ドロップ します。

 

 

８、　ドラッグ＆ドロップした瞬間にリンクの自動更新という別画面がでます。

９、　OK　をクリックします。

 

 

１０、　ホームページ・ビルダーの外部で変更されました…　　とアラート（警告）が出ます。

１１、　はい　をクリックします。

 

 

１２、　プレビューで、画像がちゃんと表示されていることを確認します。

 

 

今回はここまでです。

 

 

ホームページビルダーの書庫を追加しました。

ホームページの制作・修正作業など…お疲れ様で〜す！講師Mです。

 

本日からホームページ・ビルダーの書庫を追加しました。

私自身、得意なジャンルではありませんが…

少しずつ記事をお送りしたいと思います。m(__)m

 

今現在、少しずつ自身のホームページのリニューアル作業を実施中です。

ウェブアートデザイナーを使って、デザインボタンをチマチマ作っております。(笑)