Microsoft Word - 1-html.doc

Size: px
Start display at page:

Download "Microsoft Word - 1-html.doc"

Transcription

1 Web ページ 作 成 の 基 礎 の 基 礎 内 容 : 1. HTML の 仕 組 み 2. HTMLの 文 法 テキスト 原 案 作 成 原 田 隆 史 ( 慶 應 義 塾 大 学 ) 協 力 : 石 田 栄 美 ( 駿 河 台 大 学 ), 新 居 雅 行 (Apple Japan), 中 島 玲 子

2 1.Web ページの 仕 組 みと 作 成 1. Web ページを 公 開 するのは 実 はとっても 簡 単! Web ページを 作 成 して 公 開 することは, 実 は 非 常 に 簡 単 なことである HTML という 書 式 に 基 づい て 記 述 し,それを Web サーバの 定 められた 場 所 に 転 送 するだけなのだから 2. Web サーバと Web クライアント 誰 でもWeb ページを 世 界 中 の 人 に 見 てもらえるようにする 環 境 が 整 っているとよく 言 われる しか し,インターネットにつながっている 全 てのコンピュータが Web ページの 提 供 をしているわけではな い Web ページを 見 るためのソフトウェア(Internet Explorer や Netscape など)は,ネットワークに つながっているほぼ 全 てのコンピュータにはいっているが,Web ページを 提 供 するためのソフトウェ ア(Apache など)は 限 られたコンピュータ(このようなソフトウェアがインストールされたコンピュータ を Web サーバと 呼 ぶ)にしかインストールされていない 3. Web ページの 公 開 Web ページを 公 開 しようとした 場 合, 基 本 的 には ~.html という 名 前 のファイルを Web サーバの 定 められた 場 所 に 転 送 して 置 けば OK というだけである どこに 置 くかについては,Web サーバによ って 異 なるので 管 理 者 に 聞 くこと ただし,~.html というファイルのファイル 名 として 漢 字 やひらが なを 使 ってはいけない 必 ず, 半 角 のアルファベットや 数 字 だけを 使 用 すること また,アルファベ ットの 大 文 字 も 使 用 しないで, 全 て 小 文 字 にしておくとトラブルが 少 ない( 大 文 字 小 文 字 を 区 別 す るコンピュータとしないコンピュータがあるので,どちらかに 統 一 しておく 方 がよい) 4. HTML ファイル ~.html というファイルは, 極 端 なことを 言 えば, 単 なるテキストの 羅 列 だけでも OK である(さす がに,Word や Excel のファイルというのは 駄 目 ) ただし, 綺 麗 な 形 に 整 えるために,タグ 付 テキス トである HTML を 用 いる 5. HTML のソース HTML のソースは,Internet Explorer で 表 示 中 に[ 表 示 ] [ソース]で 表 示 できる( 自 動 的 にメ モ 帳 が 起 動 される 6. HTML ファイルの 転 送 手 元 のコンピュータから Web サーバにファイルを 転 送 するためには,FTP ソフトウェアを 用 いるこ とが 多 い - 1 -

3 7. 作 成 のおおまかな 手 順 a) 手 元 でエディタを 使 用 して HTML ファイルを 作 成 b) FTP ソフトウェアなどを 用 いて Web サーバに 送 る c) Internet Explorer で 表 示 する d) おかしければ,その HTML ファイルを 修 正 e) FTP ソフトウェアなどを 使 って 送 る f) [ 更 新 ]または[Reload]ボタンを 押 して 内 容 を 最 新 のものに 更 新 する g) d) ~ f) を 繰 り 返 す 8. エディタ ワープロと,ほぼ 同 様 の 操 作 感 覚 で 使 用 できる 種 類 としては,エディタというジャンルのソフ ト ウェアである エディタとワープロの 先 祖 は 同 じ 綺 麗 な 出 力 を 得 るため, 文 書 作 成 を 容 易 にするために 進 化 をとげたワープロに 対 して, 文 字 だけを 扱 うことを 前 提 にプログラム 作 成 に 便 利 な 機 能, スピードを 重 視 したエディタという 風 に 違 う 方 向 に 進 化 をとげたソフトウェア 文 字 だけを 対 象 とし, 文 字 飾 りなどに 必 要 な(いわば 余 計 な)データをいれない テキストファ イル を 作 成 する 場 合 にはエディタが 威 力 を 発 揮 する 市 販 のものも,フリーウェアも 多 数 ある フリーのものでは Terapad などが 有 名 Windows に 標 準 添 付 されたエディタも 存 在 する それが メモ 帳 [スタート]メニューから,[プログラム] [アクセサリ] [メモ 帳 ] と 指 定 する - 2 -

4 2 HTML の 文 法 Ⅰ.はじめに 1 HTML(HyperText Markup Language)とは Web ページを 作 成 するための 言 語 である 2 基 本 的 には 様 々な タグ(< > </ >) で 文 字 列 を 囲 んでいくだけである 3 例 えば <title> 図 書 館 員 のための HTML 講 習 会 </title> こんな 感 じ 4 タグは 全 て 半 角 英 数 字 で 書 かなければならない(できるだけ 小 文 字 で 書 く) 5 HTML ファイルの 拡 張 子 は html(もしくは htm) でなければならない 6 ここでは 細 かなタグも 紹 介 しているが, 急 ぐ 場 合 などは 黄 色 のマーカーがついたタグだけでも 十 分 に 表 現 力 あるページを 作 ることはできる 急 ぐ 場 合 はこの 部 分 だけを 覚 えてほしい Ⅱ. 簡 単 な HTML ファイルの 例 ブラウザでは 左 側 のように 表 示 される HTML ファイルの 中 身 は 右 側 のようになっている <html> <head> <title>みんなのうた</title> </head> <body> 私 の 名 前 は 図 書 館 情 太 郎 です <p /> <div> 猫 を 一 匹 飼 っています <div /> 名 前 はまだない <hr /> </body> </html> 例 の 解 説 1 HTML 文 書 は<html>で 始 まり </html>で 終 わる 2 HTML 文 書 はヘッダ 部 ( 頭 )とボディ 部 ( 体 )とから 成 っている 3 ヘッダ 部 <head>から</head>の 間 には タイトルなどを 記 入 する このヘッダ 部 に 記 述 する 内 容 としては, 上 記 の 例 のようなタイトル(<title>~</title>)を 記 述 するほ か,メタデータを 記 述 するためにも 使 われる 現 状 ではメタデータを 記 述 することの 効 果 はないと も 言 われるが, 図 書 館 が 作 成 する Web ページではメタデータをきちんと 記 述 しておき, 今 後 のセマ ンティック Web の 発 達 などにも 対 応 できる 形 としておきたい メタデータの 記 述 については, 別 に 解 説 する 4 ボディ 部 <body>から</body>の 間 には 本 文 を 記 入 する 5 地 の 文 章 はタグを 使 用 しなくても 表 示 されるが, 要 素 タグ<div> </div>,<span> </span>, 段 落 タグ<p />などを 利 用 することが 望 ましい 5 段 落 タグ<p />や 改 行 タグ<br />の 挿 入 でも 改 行 される <hr />は 水 平 線 の 挿 入 を 示 す - 3 -

5 Ⅲ. 基 本 的 な HTML タグの 紹 介 A.body タグ <body>の 中 で ページ 全 体 の 文 字 色 と 背 景 色 を 明 示 的 に 指 定 することができる 白 色 の 背 景 でよいのであれば, 単 純 に<body>だけでも 十 分 である <body text=" 色 (red, blue, green など)"> 文 字 色 の 指 定 色 の 英 語 名 を 入 力 する <body bgcolor=" 色 "> 背 景 色 の 指 定 <body background=" 画 像 ファイル 名 "> 背 景 画 像 の 指 定 GIF か JPEG のみ 色 の 指 定 方 法 については 次 ページ Column: 色 の 指 定 について を 参 照 B. 文 字 装 飾 のタグ <b> </b> <i> </i> <u> </u> <big> </big> <small> </small> <sup> </sup> <sub> </sub> 文 字 をボールド( 太 字 )にする 文 字 をイタリック( 斜 体 )にする 文 字 に 下 線 を 引 く フォントを 1 サイズ 大 きくする フォントを 1 サイズ 小 さくする 文 字 を 上 付 きにする 文 字 を 下 付 きにする <b>ボールド( 太 字 )</b> <i>イタリック( 斜 体 )</i> <u>アンダーライン( 下 線 )</u> <big>ビッグ</big> <small>スモール</small> 上 付 <sup> き </sup> <sub> 下 付 き</sub> たとえば, 太 字 でイタリックの 文 字 のように, 複 数 の 属 性 を 共 に 指 定 したい 場 合 には, 以 下 のように 組 み 合 わせて 指 定 することができる ただし, 入 れ 子 構 造 としてはいけない <b><i> イタリックで 太 い 文 字 </i></b> これは 正 しい 使 い 方 <b><i> イタリックで 太 い 文 字 </b></i> これは 悪 い 使 い 方 (きちんと 表 示 されることが 多 いが) また font タグのオプションで フォント( 文 字 )の 種 類 色 大 きさなどを 指 定 することができる 複 数 の オプションを 同 時 に 指 定 しても 一 向 に 構 わない <font size="1~7"> </font> <font size="-3~+3"> </font> <font color=" 色 "> </font> <font face="フォントの 種 類 "> </font> フォントの 大 きさを 指 定 できる 1 が 最 も 小 さく 7 が 最 も 大 きい デフォルトのサイ ズは 3~4 くらい フォントの 相 対 的 な 大 きさを 指 定 できる 例 えば <font size="+2"> </font> は <big><big> </big></big>と 同 じ フォントの 色 を 指 定 できる フォントの 種 類 (MS 明 朝 Century など)を 指 定 で きる 見 る 人 の 環 境 に 依 存 するので,できるだけ 指 定 しないことが 望 ましい 同 時 に 指 定 する 場 合,<font size="5" color="red">サイズ 5 で 赤 色 </font> のように 指 定 する ただし, 文 字 の 大 きさや, 色 などを HTML タグで 指 定 することは 現 在 ではあまり 推 奨 されない - 4 -

6 C. 見 出 し 語 の 指 定 <h1> </h1>~<h6> </h6> 見 出 し 語 とサイズの 指 定 <h1>が 最 も 大 きく <h6>が 最 も 小 さい(<font size>と 逆 順 なの で 注 意 ) 見 出 し 語 なので 自 動 的 にボールドされる 見 出 し 語 の 指 定 については, 文 字 サイズの 指 定 (<font size=...>)で 代 用 することができるため,あまり 意 味 をもたないという 考 え 方 がある 一 方 で, 見 出 し 語 として 指 定 した 内 容 からキーワードを 切 り 出 して くれる 検 索 エンジンも 存 在 するため, 検 索 エンジンカスタマイズなどには 有 効 であるという 考 え 方 もあり える [ 参 考 ] Column: 色 の 指 定 について Web ページでの 色 の 指 定 には 色 の 英 語 名 (red, blue, green など)を 直 接 入 力 する 方 法 と 光 の 三 原 色 (RGB)の 組 み 合 わせを 16 進 数 (0~F)で 指 定 する 方 法 とがある 色 の 英 語 名 としては aqua, beige, brown, cyan, gold, gray, ivory, khaki, lavender, magenta, olive, orange, orchid, pink, plum, purple, salmon, skyblue, tomato, violet, yellowgreen など ほか にも 数 多 くあり, 通 常 で 思 いつくものであればほとんど 使 用 することができる ただし,あまり 凝 っ た 色 名 を 指 定 しても 見 る 人 の 環 境 に 依 存 するため, 作 成 者 の 意 図 とは 少 し 違 う 色 で 表 示 される ことが 多 く,あまり 意 味 がないとも 言 われている その 意 味 で, 三 原 色 の 組 み 合 わせを 指 定 する 必 要 があることは 少 ないかと 思 われるが, 今 も 凝 った 色 を 求 める 人 は 多 い 参 考 までに, 例 えば 赤 は"red"か"#FF0000" 青 は"blue"か "#0000FF" 緑 は"green"か"#008000"と 入 力 する "#00FF00"ならばライム("lime")になる RGB 指 定 では #(pound key)の 後 の 最 初 の 二 桁 が 赤 次 の 二 桁 が 緑 (ライム) 最 後 の 二 桁 が 青 の 成 分 を 表 しており 00~FF までの 256 色 (=16 16)を 指 定 できる 例 えば 10 進 数 の 123 は 16 進 数 では 7B となる "#000000"は 黒 (black) "#FFFFFF"は 白 (white)となり 赤 とライムを 混 ぜて"#FFFF00"とすると 黄 色 (yellow)になる C. 表 示 位 置 の 指 定 <center> </center> 同 様 に,right, left も 使 用 できる オブジェクト( 文 字 画 像 表 など)のセンタリング DIV タグの ALIGN オプションでオブジェクトの 位 置 を 指 定 することもできる <div align="left"> </div> 左 寄 せ <div align ="center"> </div> センタリング <center>と 同 じ <div align N="right"> </div> 右 寄 せ ただし, 位 置 の 指 定 についても, 現 在 では HTML で 指 定 することはあまり 推 奨 されない - 5 -

7 D. 改 行 / 段 落 / 水 平 線 <br /> 改 行 の 挿 入 <br> </br>でも 同 じ <p /> 段 落 ( 改 行 + 後 ろ 一 段 落 開 け)の 挿 入 <p> </p>でも 同 じ <hr /> <hr size="1~100" /> <hr width=" 数 値 " /> <hr width="1~100%" /> 水 平 線 の 挿 入 </hr>は 必 要 ない オプションでサイズや 色 を 指 定 できる 水 平 線 の 高 さをピクセル 値 ( )で 指 定 できる 水 平 線 の 幅 をピクセル 値 で 指 定 できる デフォルトは 2 ピクセル 水 平 線 の 幅 をブラウザの 幅 との 相 対 値 で 指 定 できる デフォルトは 100% <hr color=" 色 " /> 水 平 線 の 色 を 指 定 できる デフォルトは 透 過 ピクセル(pixel)はデジタル 画 像 の 大 きさを 表 す 単 位 100pixel で 約 3.5cm に 相 当 する 一 般 に,タグは 開 始 タグと 終 了 タグ( 開 始 タグに 対 応 し,/ではじまるタグ)の 組 み 合 わせで 使 用 される しかし, 上 記 の<br><p><hr>のようなタグは, 開 始 タグだけで 機 能 を 果 たすことができ 終 了 タグを 指 定 する 必 要 がない(<br></br>のように 開 始 タグと 終 了 タグを 並 べて 書 いてもいいのだが) このような 場 合,かつては 開 始 タグだけを 記 述 することになっていたが,HTML の 新 しい 規 約 (XHTML など)では 上 記 のように 開 始 タグの 末 尾 に/を 記 述 することになっている 現 状 のブラウザでは/ を 記 述 しなくても 問 題 ないことが 多 いが, 今 後 の XML の 普 及 などを 考 えて 今 から 癖 をつけておくことが 望 ましい E. 箇 条 書 き 箇 条 書 きは 以 下 のように 指 定 する <ul> <li /> 単 純 な 箇 条 書 き <li type="disc" />デフォルトは 黒 円 <li type="circle" /> 白 円 にもできる <li type="square" /> 黒 矩 形 にもできる </ul> <hr /> <ol> <li /> 番 号 付 き 箇 条 書 き <li type="1" />デフォルトはアラビア 数 字 <li type="i" />ローマ 数 字 にもできる <li type="a" />アルファベットにもできる </ol> - 6 -

8 箇 条 書 きタグとオプションの 解 説 <ul> </ul> 単 純 な 箇 条 書 きの 指 定 <ul type="disc"> </ul> 行 頭 文 字 を 黒 円 にする <ul type="circle"> </ul> 行 頭 文 字 を 白 丸 にする <ul type="square"> </ul> 行 頭 文 字 を 黒 矩 形 にする <ol> </ol> 番 号 付 き 箇 条 書 きの 指 定 <ol type="1"> </ol> 行 頭 文 字 をアラビア 数 字 にする <ol type="i"> </ol> 行 頭 文 字 をローマ 数 字 にする "i"にすると 小 文 字 になる <ol type="a"> </ol> 行 頭 文 字 をアルファベットにする "a"にすると 小 文 字 になる <ol start=" 数 値 "> </ol> 指 定 した 番 号 からリストが 始 まる デフォルトは 1 <li /> または <li> </li> リストの 指 定 <li type=" 行 頭 文 字 の 種 類 " /> 個 別 に 行 頭 文 字 を 変 更 することができる F. 画 像 の 表 示 1 Web ページでは 画 像 を 表 示 することができる 2 但 し HTML ファイルの 中 に 直 接 画 像 を 貼 り 込 むのではなく 画 像 ファイルの 場 所 を 指 定 してブラ ウザで 表 示 できるようにするだけである 3 したがって HTML ファイルとは 別 に 画 像 ファイルを 用 意 する 必 要 がある 4 参 照 される 画 像 ファイルは HTML ファイルのあるフォルダと 同 じフォルダに 入 れておかなければな らない( 但 し 別 の 場 所 に 置 いていても 表 示 する 方 法 はある) 5 ブラウザで 表 示 できる 画 像 ファイルの 種 類 は いまのところ GIF ファイル( 拡 張 子 が gif)か JPEG フ ァイル( 拡 張 子 が jpg)の 二 つだけである 6 画 像 を 貼 り 込 みたい 場 所 に<img src=" 画 像 ファイル 名 ">と 記 入 するだけで OK <img src=" 画 像 ファイル 名 " /> <img src=" " width=" 数 値 " /> <img src=" " height=" 数 値 " /> 画 像 の 表 示 GIF ファイルか JPEG ファイルのみ 画 像 の 幅 をピクセル 値 か 本 来 のサイズとの 相 対 値 (%)で 指 定 できる 100% 以 上 でも 可 画 像 の 高 さをピクセル 値 か 本 来 のサイズとの 相 対 値 (%) で 指 定 できる 100% 以 上 でも 可 <img src=" " border="0 以 上 " /> 画 像 の 輪 郭 線 を 指 定 できる デフォルトは 0 width="100" height="100" width="50%" height="50%" width="125" height="75" border="5" - 7 -

9 G.テーブル( 表 )の 挿 入 テーブルを 描 画 するためには まず <table> </table>の 間 に <tr> </tr>( 行 の 指 定 )を 記 入 し さらに その 中 に <td> </td>( 列 /セルの 指 定 )を 加 えていく 例 えば 二 行 二 列 の 表 を 描 画 するには 以 下 のように 入 力 する <table border="1"> <tr> <td>data1-1</td> <td>data 1-2</td> </tr> <tr> <td>data 2-1</td> <td>data 2-2</td> </tr> </table> <table> </table> テーブルの 指 定 <table border=" 数 値 "> </table> <table cellspacing=" 数 値 "> </table> <table cellpadding=" 数 値 "> </table> <table bgcolor=" 色 "> </table> <table background=" 画 像 "> </table> <table width=" 数 値 "> </table> テーブルの 輪 郭 線 の 太 さを 指 定 できる テーブルの 罫 線 の 太 さを 指 定 できる セル 内 の 文 字 と 罫 線 の 間 の 空 白 の 距 離 を 指 定 できる 表 全 体 の 背 景 色 を 指 定 できる 表 全 体 の 背 景 画 像 を 指 定 できる 表 の 幅 をピクセル 値 かブラウザの 幅 との 相 対 値 で 指 定 できる <HEIGHT>も 可 <tr> </tr> 行 の 指 定 <td> </td> 列 (セル)の 指 定 <td bgcolor=" 色 "> </td> セルの 背 景 色 を 個 別 に 指 定 できる <td background=" 画 像 "> </td> セルの 背 景 画 像 を 個 別 に 指 定 できる <td width=" 数 値 "> </td> セルの 幅 を 指 定 できる <HEIGHT>も 可 <td align="left, center, right"> </td> セル 内 部 のヨコ 表 示 位 置 を 指 定 できる <td valign="top, middle, bottom"> </td> セル 内 部 のタテ 表 示 位 置 を 指 定 できる <td colspan=" 数 値 "> </td> 隣 接 する 二 つ 以 上 のセルを 結 合 する <td rowspan=" 数 値 "> </td> 上 下 二 つ 以 上 のセルを 結 合 する H.リンクをはる 1 Web ページでは 他 のページにリンクをはることができる(=ハイパーテクストの 特 徴 ) - 8 -

10 2 文 字 列 や 画 像 を<a href="リンク 先 URL or ファイル 名 > </a>で 囲 めば OK - 9 -

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

Microsoft PowerPoint - InfPro_I9.pptx

Microsoft PowerPoint - InfPro_I9.pptx 今 日 の 学 習 内 容 エディタ(emacs)を 使 った 基 本 的 なHTML の 書 き 方 Webページの 公 開 HTMLの 基 礎 知 識 HTML(Hyper Text Markup Language)は Webページを 作 るための 必 要 な 記 述 言 語 HTMLにおける 指 定 の 内 容 は: 1. 文 章 (テキスト)に 対 する 役 割 2. 文 章 やイメージなどのページ

More information

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.197~226 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

モール管理者マニュアル Ver.1.0

モール管理者マニュアル Ver.1.0 1 Html 編 集 ツール 補 足 マニュアル Ver.1.0 株 式 会 社 ソフトクリエイト 2012/11/14 目 次 1. Html について... 3 1.1. Html とは... 4 1.2. Html タグの 基 本... 5 1.2.1. HTML タグの 基 礎... 5 1.2.2. HTML タグの 種 類 ( 主 要 タグ)... 7 2. Html 編 集 ツール...

More information

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17

HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 1 11 13 2 11 27 3 12 11 HTML HTML HTML 4.1 4.2 4.3 4.4 14 15 16 17 WWW(World Wide Web) HTML(HyperText Markup Language) HTML HTML HTML HTML - 1 - .1 HTML (V)(C) HTML - 2 - HTML HTML OS Windows 2.1 HTML

More information

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文

(0) 準 備 自 分 のUSBメモリのなかに 自 分 の 学 番 の 名 前 をつけたフォルダを 作 成 する( 例 :5210001) 以 下 で 作 成 使 用 する HTML 文 書 や 画 像 ファイルはすべてこのフォルダの 中 に 作 成 すること (1)テキストエディタで HTML 文 情 報 リテラシー 第 13 回 ウェブページの 作 成 と 更 新 インターネットによって 世 界 中 の 人 に 瞬 時 に 情 報 を 伝 えることができるようになった ウェブページ はその 情 報 発 信 基 地 である ここではウェブページの 作 り 方 を 学 ぶ コンピュータ ストアにはたくさ んのウェブページ 作 成 ソフトが 市 販 されており 操 作 法 はソフトによって 様 々である

More information

Lecture/CompPracR2003/12th

Lecture/CompPracR2003/12th Lecture/CompPracR2003/12th 2016 年 7 月 17 日 コンピュータ 演 習 ( 再 ) 第 12 回 (1) Webページの 作 成 (1) Webページを 作 成 する 道 具 (1) テキストエディタを 使 うメリット デメリット (2) HTML (2) HTMLとは (2) HTMLの 書 き 方 (3) HTMLファイルの 構 造 (3) 空 白 と 改 行

More information

Microsoft Word - HTML.docx

Microsoft Word - HTML.docx ホームページを 見 る 環 境 (Web ブラウザの 種 類 やバージョン, 画 面 サイズなど)は 多 種 多 様 であり, 自 分 が 見 ている 状 態 と 必 ずしも 同 じではないことを 前 提 に 作 成 して ください 1 1. 文 書 のレイアウト, 文 字 の 書 式 原 則 として,タグと 属 性 は 大 文 字, 属 性 の 値 は"で 囲 んだ 小 文 字 で 記 述 します

More information

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと ウェブ 作 成 システム Web Factory 1 1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むことが 出 来 ます 1ページタイプ では 情 報

More information

eil2009062930_4.ppt

eil2009062930_4.ppt URL (Universal Resource Locator) WWW (World Wide Web) URL http://www.cs.kumamoto-u.ac.jp/ Web ftp://ftp.cc.kumamoto-u.ac.jp/ FTP (File Transfer Protocol) FTP World Wide Web (WWW) Web HTTP (HyperText Transfer

More information

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための

22. 情 報 の 発 信 伝 達 コミュニケーション Ustream :2007 年 にジョン ハム ブラッド ハンスタブル ジュラ フェヘルに よって 設 立 された 動 画 共 有 サービス 元 々は3 人 が 開 発 した イラク 戦 争 に 派 兵 された 友 人 達 と 家 族 のための 2016 年 度 春 学 期 ( 月 V/ 火 II ) 情 報 情 報 発 信 と 伝 達 22. 情 報 の 発 信 伝 達 コミュニケーション 23. 情 報 発 信 のためのHTMLの 基 礎 最 初 に 講 義 資 料 は http://astro.u-gakugei.ac.jp/~nishiura 西 浦 クンの 講 義 室 に 縮 小 版 (PDFファイル)を 置 く 予 定 東 京

More information

第7章 Webページによる情報の発信

第7章 Webページによる情報の発信 筑 波 大 学 情 報 処 理 実 習 Webページによる 情 報 の 発 信 情 報 処 理 実 習 用 手 引 き P.193~234 World Wide Web (WWW) インターネット 上 のハイパーテキストシステム 1989 年 にCERNの 物 理 学 者 Tim Berners-Leeが 発 明 WWWはインターネットとも 呼 ばれるが, 両 者 は 同 義 語 ではない WebページのアドレスURL

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

Microsoft PowerPoint - 第03回目.pptx

Microsoft PowerPoint - 第03回目.pptx 1 情 報 リテラシーII ( 樋 口 担 当 ) 3 回 目 10/10 本 日 の 予 定 2 Webページの 作 成 I.テキストの 記 述 方 法 II.ハイパーリンク III.インラインイメージ( 画 像 ) IV. 表 V. 課 題 3 I.テキストの 記 述 方 法 1. 改 行 4 終 了 タグは 無 い 改 行 していない なすび なすびがいっぱい

More information

Microsoft Word - wsample.docx

Microsoft Word - wsample.docx 2013.10 情 報 科 学 A 補 足 資 料 Web ページ 作 成 のポイントとサンプルデータ HTML 作 成 のポイント テキストエディタ (EmEditor, メモ 帳 など) でテキストファイルとして 作 成 する Microsoft Expression Web など,Web ページ 作 成 専 用 のソフトウエア (オーサリングソフト) を 用 いるこ ともできる HTML(HyperText

More information

(1) ,,,,, <> ( ) (/ ) (2) HTML5 (3) HTML (4) html (ja) (5) JavaScript CSS (6)

(1) <html>,,,,, <> ( ) (/ ) (2) <!DOCTYPE html> HTML5 (3) <html> HTML (4) <html lang= ja > html (ja) (5) JavaScript CSS (6) <meta charset= shift jis > HTML HTML HyperText Markup Language (Markup Language) (< > ) 1 sample0.html ( ) html sample0.html // JavaScript

More information

Taro-ホームページB5.jtd

Taro-ホームページB5.jtd 4 タグの 基 本 (Ⅳ) 画 像 基 本 19 1 画 像 を 入 れる 2 画 像 の 大 きさを 指 定 する 3

More information

untitled

untitled Web HTML(Hyper-Text Markup Language) Web HTML () Web / Web -1 Web -2 Web -3 Web -4 Web Web -5 White Black Red Green Blue Yellow Purple Aqua Maroon Navy Olive Teal Gray Silver Lime Fuchsia Snow Linen Bisque

More information

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる

背 景

第 5 部 コンピューターの 仕 組 み 保 存 ができたら 第 21 章 で 作 っていた hello.html に 手 を 加 えて 上 書 き 保 存 し ブラウザーで 確 認 してみよう 例 7: 画 像 を 入 れる <html> <body bgcolor=yellow> <p> 背 景 第 22 章 ウェブページの 作 成 2 画 像 の 表 示 HTMLの 細 かいタグ 自 己 紹 介 ページの 作 成 1. 画 像 を 入 れる Word の 画 面 で 画 像 ( 写 真 や 絵 )を 入 れるときは イメージそのものを 表 示 し たが ウェブページに 画 像 を 入 れるには メモ 帳 の 画 面 で 直 接 画 像 を 表 示 させることはできない 作 業 している HTML

More information

Microsoft Word - chap2.doc

Microsoft Word - chap2.doc 第 2 章 ホームページとHTML(タグ) ここでは HTML タグについて 今 まで 使 う 機 会 が 無 かった 学 生 を 対 象 に 説 明 する 既 に HTML タグを 使 ったことのある 学 生 にとっては 知 っている 話 になると 思 うので ざっと 目 を 通 すだけでよいだろう 初 めての 学 生 は 演 習 等 を 通 じて 使 い 慣 れて 欲 しい [1] HTML 通

More information

アフィリエイターの為のHTML

アフィリエイターの為のHTML アフィリエイターが 覚 えておくべき HTML 辞 典 著 作 権 について このレポートは 著 作 権 法 で 保 護 されている 著 作 物 です このレポートの 著 作 権 はやまひろに 属 します 著 作 権 者 の 許 可 なく このレポートの 全 部 又 は 一 部 を いかなる 手 段 においても 複 製 転 載 流 用 転 売 等 することを 禁 じます このレポートに 書 かれた

More information

橡ホームページの作り方

橡ホームページの作り方 1. 1.1. HTML Word HTML(Hyper Text Markup Language) html htm MS-WORD MS-WORD HTML HTML HTML (1.0) 1 1978 7 10 S 3

More information

KITENN 編集操作マニュアル

KITENN 編集操作マニュアル KITENN 編 集 操 作 マニュアル 目 次 操 作 方 法 基 本 編 自 分 のページをブラウザで 開 く ログイン 方 法 編 集 画 面 の 開 き 方 文 章 を 入 力 する 画 像 メディアファイルを 挿 入 する 文 字 スタイル( 太 字 斜 体 )を 変 更 する 文 字 配 置 ( 左 揃 え 中 央 揃 え 右 揃 )を 変 更 する リンクを 作 成 する 画 像 横

More information

Microsoft Word - 2009.06.doc

Microsoft Word - 2009.06.doc 情 報 基 礎 実 習 第 6 回 HTML の 仕 組 み 2009 年 5 月 28 29 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 する Word, Excel や 専 用 の Web ページ

More information

Taro-01_Web_html自習テキストⅠ.

Taro-01_Web_html自習テキストⅠ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅰ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 メモ 帳 /ファイルの 保 存 / 文 字 入 力 /ページタイトルの 設 定 文 字 色 の 設 定 / 文 字 サイズの 設 定 / 水 平 線 /リンクの 設 定 岩 手 県 立 総 合 教 育 センター 情 報 教 育

More information

6 2 1

6 2 1 6 1 6 (1) (2) HTML (3) 1 Web 1 Web Web 1 Web HTML 6 2 1 6 3 1.1 HTML(XHTML) Web HTML(Hyper Text Markup Language) ( ) html htm HTML HTML5 takahagi

More information

Microsoft Word - 100303中級マニュアル.doc

Microsoft Word - 100303中級マニュアル.doc SHIFT 中 級 マニュアル 1. 画 面 の 構 成 を 考 えましょう (1) 基 本 的 な 構 成 壱 岐 市 商 工 会 基 本 情 報 代 表 者 名 郵 便 番 号 住 所 TEL FAX メールアドレスを 登 録 します 代 表 者 名 郵 便 番 号 住 所 TEL は 必 須 です メールアドレスを 登 録 すると メール で 問 い 合 わせがあります 不 要 なDMを 誘

More information

Microsoft Word - 2010.09.doc

Microsoft Word - 2010.09.doc 情 報 基 礎 実 習 9 回 HTML の 仕 組 み 2010 年 6 月 17 18 日 長 谷 川 秀 彦 逸 村 裕 本 日 のメニュー HTML ( Hyper Text Markup Language ) を 使 って 箇 条 書 き 画 像 他 のファイルへ のリンクなどを 組 み 込 んだ Web ページを 作 成 し Word, Excel, PowerPoint や 専 用 の

More information

HTML入門

HTML入門 HTML ABC of Hyper Text Markup Language 2009 2 HTML2009 Copyright 2009 by BohYoh Shibata 3 WWW HTML WWW WWWworld wide web hyper text resource 4 HTML2009 http WWW httphyper text transfer protocol HTML HTMLhyper

More information

Microsoft PowerPoint - lecture1210.pptx

Microsoft PowerPoint - lecture1210.pptx HTML: HyperText Markup Language 1 ウェブページ 作 成 名 古 屋 大 学 情 報 基 盤 センター 情 報 基 盤 ネットワーク 研 究 部 門 嶋 田 創 通 常 のウェブページはHTMLで 記 されている URLの 最 後 が.htmlで 終 わっている( 右 下 図 )ことが 多 いのはそのせい Windowsは 拡 張 子 が.htmlもしくは.htmの

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

HTML文章作成

HTML文章作成 HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう

More information

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1

: 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 : 1/15( ): HTML web page (2) 1/18( ): (1) 1/25( ): (2) 1 2 : : 1 1 : 3 : 2 (.ppsx) (A0nxxyyy.ppsx) presen (1 ) ID:A0nxxyyy Name: Title: 3 HTML (HyperText Markup Language) 4 ( ) http://pweb.cc.sophia.ac.jp

More information

1/2

1/2 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト (2) 1 札 幌 学 院 大 学 社 会 情 報 学 部 AO 入 試 課 題 用 テキスト HTMLの 基 礎 知 識 (2) 1 画 像 の 表 示 HPに 画 像 を 表 示 させてみる まず HTML 文 書 と 同 じフォルダ 内 にJPEGファイル( 拡 張 子.jpg )を1 個 準 備 する ( 画

More information

Microsoft PowerPoint - hp2.ppt [互換モード]

Microsoft PowerPoint - hp2.ppt [互換モード] 技 術 センター HP 講 習 会 ( 第 2 回 ) 広 島 大 学 技 術 センター HP 運 用 WG 本 日 の 講 習 会 の 流 れ FTPソフトの 使 い 方 ファイルをサーバにアップロードする 方 法 前 回 ( 第 1 回 )の 復 習 とその 応 用 フォルダ(ディレクトリ)とリンクの 関 係 リンクの 仕 組 み: 絶 対 パスと 相 対 パス パスワードによるアクセス 制 限

More information

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html

2. HTML 2 3. 1 1 100 6 4. csh AWK 4. 4. AWK 1., 2., 3. 2 HTML HTML HyperText Markup Language WWW WWW (.html 1. 1 AWK HTML 18 8 14 1 HTML Yahoo! 3 Yahoo! (http://www.yahoo.co.jp/) 1 Yahoo! : http://headlines.yahoo.co.jp/hl ( ) ( ) Netscape 3.04 1. 2 Netscape 3.04 2. 1 Yahoo! 2. HTML 2 3. 1 1 100 6 4. csh AWK

More information

Webデザインの基礎01

Webデザインの基礎01 Webデザインと 広 告 広 報 電 子 商 取 引 &ビジネス 情 報 管 理 1.Web 社 会 を 知 る ウェブで 私 達 の 生 活 はどう 変 わったのか? インターンネットの 検 索 機 能 を 活 用 した 情 報 収 集 ソーシャルネットワークによ るユーザ 同 士 の 情 報 共 有 価 格 ドットコム, 食 べログ 社 会 全 体 の 情 報 の 流 れが, 個 から 個 へ,

More information

2. 画 面 の 分 割 タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項

2. 画 面 の 分 割 <frame>タグを 使 用 することにより 1 つの 画 面 を 縦 横 複 数 に 分 割 することがでる 分 割 されたそれぞれ の 画 面 をフレームと 呼 ぶ 例 えば 目 次 を 常 に 画 面 上 の 決 まったフレームに 固 定 して 表 示 し 目 次 項 Web ページ 画 面 構 成 の 技 法 1. 配 置 の 制 御 基 本 的 なタグの 使 い 方 については はじめての HTML などを 通 して 学 習 した ここでは もう 少 し 凝 っ た 画 面 構 成 を 行 うための 基 礎 技 法 について 解 説 する 文 字 や 図 などを 画 面 上 の 任 意 の 位 置 に 配 置 するため には タグを 用 いた 表

More information

文 書 構 造 とスタイル

文 書 構 造 とスタイル 第 4 回 の 内 容 文 書 構 造 とスタイル CSSの 基 礎 図 表 の 利 用 文 書 構 造 とスタイル 自 己 紹 介 のHTML 文 書 放 送 太 郎 の 自 己 紹 介

More information

第5回

第5回 情 報 教 育 演 習 II 第 5 回 HTML(4) 前 回 に 引 き 続 き Webの 中 心 的 な 技 術 HTML について 実 習 をします 今 回 で HTMLのまとめ になります HTML(4) 1. 水 平 線 をつくる( 復 習 ) 2.イメージを 貼 り 付 ける 今 回 の 課 題 1.HTMLファイルを 作 成 する 2.HTMLファイルの 文 法 をチェックする -

More information

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1

3 システム 概 要 ウェブ アプリケーションによる 情 報 収 集 シ ステムの 概 要 をユースケース 図 にて 示 す( 図 1) 途 中 まで 行 い 一 時 的 にサーバに 格 納 しておき 再 度 先 ほどの 途 中 から 記 入 できるようになっている つまり 1 日 に 何 度 も1 XMLとExcelを 利 用 したWebによるアンケート 収 集 システム の 構 築 Synthesis a new web application system using XML, php and Excel 福 良 博 史 伊 東 久 美 子 荻 野 美 佐 子 FUKURA Hirofumi, Ito Kumiko, Ogino Misako 1 はじめに 0 歳 ~2 歳 の 主 として

More information

Taro-03_Web_html自習テキストⅢ.

Taro-03_Web_html自習テキストⅢ. 平 成 18 年 度 学 校 Web ページ 作 成 研 修 講 座 HTML の 基 礎 Ⅲ ~メモ 帳 で Web ページを 作 ろう!!~ 今 回 の 勉 強 内 容 テーブル( 表 )の 利 用 /フォルダの 整 理 岩 手 県 立 総 合 教 育 センター 情 報 教 育 室 目 次 1 テーブル( 表 )の 利 用 1 ( 1) テーブル( 表 )の 作 成 1 ( 2) テーブル( 表

More information

情報処理実習(工基3)

情報処理実習(工基3) 情 報 ( 実 習 )( 体 育 4 班 ) 第 4 回 ホームページ 篇 今 週 は 皆 さんにホームページを 作 って 頂 きます ホームページ 作 成 を 通 じて 様 々な 情 報 を 発 信 したり 受 信 したりする 方 法 のひとつとなることを 目 指 します 0 はじめに はじめに 筑 波 大 学 のホームページ(HP と 略 )を 見 てみましょう デスクトップ 上 にある Internet

More information

Microsoft Word - メディア技術基礎.docx

Microsoft Word - メディア技術基礎.docx メディア 技 術 基 礎 (Web) 脇 田 玲 先 生 (2010) 田 中 浩 也 (2011) HTML の 基 本 的 な 書 き 方 テキストエディタで index.html を 作 成 して 以 下 のサンプルを 入 力 してみましょう 始 めの 2 行 は HTML を 書 く 前 のおまじないの 様 なものです ここで 登 場 する HTML タグについての 説 明 は 以 下 の

More information

3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................

More information

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2.....................

1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... CSS 0348085 1 1 1........................... 1 2.............................. 1 3........................ 2 2 3 1...................... 3 2..................... 3 3........................... 5 3 CSS

More information

目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格 またはガイドライン 類... 3 1. 文 章 の 作 成 時 の 注

目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格 またはガイドライン 類... 3 1. 文 章 の 作 成 時 の 注 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン 社 会 福 祉 法 人 兵 庫 県 社 会 福 祉 協 議 会 1 目 次 兵 庫 県 社 会 福 祉 協 議 会 ウェブアクセシビリティ 対 応 ホームページ 更 新 ガイドライン... 1 目 次... 2 ガイドラインの 目 的... 3 適 用 範 囲... 3 根 拠 となる 規 格

More information

Microsoft PowerPoint - css.ppt [互換モード]

Microsoft PowerPoint - css.ppt [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 W3Cで 推 奨 される

More information

Microsoft PowerPoint - css [互換モード]

Microsoft PowerPoint - css [互換モード] 情 報 基 礎 CSSを 用 いたWebページ 作 成 CSSとは Cascading Style Sheetの 省 略 表 記 シー エスエスと 読 む Webページのレイアウト( 視 覚 的 構 造 )を 定 義 する スタイルシート の 規 格 の 一 つ Webの 標 準 化 団 体 であるW3C(World Wide Web Consortium)によって 標 準 化 現 在 ひろく 使

More information

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W

演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z: W Webデータ 管 理 HTML+CSS (4) (2 章 ) 2011/10/26( 水 ) 1/21 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください(Zドライブとして 使 用 できます) 演 習 名 使 用 するフォルダ 演 習 1 Z:

More information

スライド 1

スライド 1 第 7 講 観 光 情 報 論 2008 年 6 月 4 日 Style Sheet (CSS) 宮 国 薫 子 1 スタイルシート (CSS) CSSとは(Cascading Style Sheets) 本 来 ホームページにデザインを 加 える 機 能 の すべて 教 科 書 で 言 う スタイルシート とはCSSのことを 指 す CSSを 使 うと Page 106 にあるようにホーム ページの

More information

インターネットマガジン1998年11月号―INTERNET magazine No.46

インターネットマガジン1998年11月号―INTERNET magazine No.46 6.2% 4 50.5% 4 3 8.9% 25.3% 3 9.2% 290 INTERNET magazine 1998/11 5 @media H1 { color: #FF0000;

More information

Microsoft PowerPoint - manualtachiyomi.pptx

Microsoft PowerPoint - manualtachiyomi.pptx ニックネームはここに 載 る!! マイページの 左 上 ブログのプロフィール 欄 メッセージを 送 った 相 の 受 信 箱 クリックしてもらえるような 興 味 を 引 く 名 前 にしましょう 記 事 を 編 集 削 除 する 下 書 き 保 存 されている= 公 開 されていない 公 開 されている リンクが 付 いていて クリックすると 公 開 されている 記 事 が 開 く 記 事 を 編

More information

情報公開システム論2.pptx

情報公開システム論2.pptx 情 報 公 開 システム 論 (2) 神 戸 情 報 大 学 院 大 学 横 山 輝 明 電 子 文 書 としてのWebページ 2 ホームページ(1) ホームページ 自 由 に 作 成 安 価 世 界 中 に 公 開 多 彩 な 表 現 力 双 方 向 性 - 島 根 県 立 大 学 - 島 根 県 立 大 学 短 期 大 学 部 h,p://www.u- shimane.ac.jp/ 3 ホームページ(2)

More information

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2

1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 XHTML DOM JavaScript 2 2008 7 1 1 1 1.1............................. 1 1.2....................... 1 2 HTML 2 2.1 web HTML......................... 2 2.1.1 HTML.................... 2 2.1.2 HTML.........................

More information

untitled

untitled MoogaOne 1. MoogaOne... 1 2. MoogaOne... 1 3.... 1 4.... 1 5.... 2 6.... 2 1.... 2 2.... 2 3. Template.htm... 2 4. index.htm... 4 [ ]... 4 5.... 4 6.... 6 7.... 6 8.... 6 [Template.htm Template-e.htm

More information

雛形ホームページ利用マニュアル

雛形ホームページ利用マニュアル ご 参 考 資 料 アカデミックサーバ 用 雛 形 ホームページ ご 利 用 ガイド < 本 ガイドのご 利 用 にあたって> アカデミックサーバ は ご 利 用 される 学 校 様 が ご 自 身 で コンテンツの 作 成 FTP によるファイル 転 送 などを 行 っていただくことが 前 提 です 従 いまして 上 記 に 関 するサポートや 本 説 明 書 の 記 載 内 容 に 関 するサポートは

More information

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受

1 2 3 図 4 図 5?? 部 分 は, 各 自 が 用 意 したメディアに 合 わせて 選 択 する (5) 画 面 の 指 示 に 従 い 作 業 を 進 め, 最 後 までできれば,メール 環 境 の 構 築 は 終 了 うまくいかない 場 合, 学 術 情 報 センターで 指 導 を 受 13.パーソナルコンピュータ 実 習 [Ⅱ] 実 験 受 講 前 の 準 備 編 以 下 の 確 認 を 行 っていない 場 合,この 実 験 テー マを 受 講 することはできません 1. 学 情 センターの UNIX のパスワードの 確 認 2.E-Mail が 使 えることを 確 認 手 順 1(UNIX パスワードの 確 認 ) (1) 中 部 大 学 内 のパソコンで FFFTP を 立

More information

HTML文書の作成

HTML文書の作成 99 C HTML 1 1 2 HTML 1 3 2 4 HTML 2 4.1... 2 4.2... 3 4.3... 5 5 HTML 8 5.1... 8 5.2... 10 5.3... 12 6 HTML 13 7 13 1 HTML HTML [1] 2 HTML HTML Hyper-Text Markup Language World Wide Web (WWW)[2] HTML Hyper-Text

More information

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー

HTML は 本 来 文 書 の 構 造 を 定 義 文 書 の 見 栄 えはスタイルシートで 記 述 HTML HyperText Markup Language 出 典 : フリー 百 科 事 典 ウィキペディア(Wikipedia) HyperText Markup Language(ハイパー Web ページ 作 成 2011/ 5/31 Web ページとは IT 用 語 事 典 e-words より Web ページ web page 読 み 方 : ウェブページ WWW システムを 使 ってインターネット 上 で 公 開 されている 文 書 Web ブラウザに 一 度 に 表 示 されるデータのまとまりで テキストデータや HTML によるレイアウト 情 報 文 書 中 に 埋 め 込

More information

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記

3. 管 理 画 面 (ダッシュボード) ログインすると 下 図 のダッシュボードの 画 面 となります ( 権 限 によって 左 のメニューが 異 なります ) 4.ブログの 投 稿 方 法 管 理 画 面 の 左 側 のメニューから 投 稿 をクリックします ここに 投 稿 された 公 開 記 2011.12.8 カメリア パルの 会 ホームページ 編 集 マニュアル http://pal.nono1.jp 1.はじめに カメリア パルの 会 のホームページは フリーのブログシステム(WORDPRESS)を 使 用 してい ます このシステムの 特 徴 としては ブログの 基 本 的 使 用 方 法 である 日 記 を 追 加 するだけでなく 固 定 的 なページを 作 成 することができ

More information

スライド 1

スライド 1 ネットワーク ウェブサイト 関 連 の 基 本 (おさらい) ファイルの 公 開 ポート:80 (デフォルト) ウェブ サーバー 海 洋 大 のネットワーク プロキシ サーバー ファイルの アップロード 外 部 ネットワーク Apache サーバで ファイルを 公 開 パケットの 監 視 HTML 文 書 の 閲 覧 上 記 のネットワーク 構 成 は プロキシサーバーを 除 いておおよそどこでも

More information

Microsoft Word - 第4&5回HTML&MIFES入門.doc

Microsoft Word - 第4&5回HTML&MIFES入門.doc 第 4&5 回 HTML & MIFES 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Makeup Language)と 呼 ばれています この 言 語 を 書 くためのテキスト エディタが MIFES です HTML で 書 かれたページは,Netscape や

More information

Microsoft Word - 内容の入力.doc

Microsoft Word - 内容の入力.doc Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存 文 字 については 他 のパソコン 環 境 やブラウザにより 表 示 されません 記 事 の 保 存 時 にシステムでエラーが 出 るように 設 定 されています 利 用 しないようにお 願 いします 機 種 依 存 文 字 (

More information

Ⅰ Webページの作成

Ⅰ Webページの作成 30 簡 単 なホームページ 制 作 岡 山 県 情 報 教 育 センター 第 1 章 Web コンテンツの 作 成 1 Web ページの 作 成 演 習 ( 自 己 紹 介 ) Web ページ 作 成 演 習 Web HTML Microsoft Internet Explorer4.01 FrontPage Express HTML Web (1) FrontPage Express の 起 動

More information

InfoPros13_digest.key

InfoPros13_digest.key ! CSS sample2.css h1 h1 { color : blue ; } : ; { } : 14 : : p { font-size: 14pt; } p { font-style: italic; } p { text-decoration: underline; } p { font-size:

More information

簡単なアイコンの説明

簡単なアイコンの説明 Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 付 録 内 容 の 入 力 内 容 文 字 装 飾 表 の 挿 入 添 付 ファイルのアップロード リンク 設 定 株 式 会 社 アイ ディ エス Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存

More information

Microsoft Word - 2014第10&11回HTML入門.doc

Microsoft Word - 2014第10&11回HTML入門.doc 第 10 & 11 回 HTML 入 門 水 野 りか ここでは,いわゆるホームページを 作 成 する 方 法 の 基 礎 を 学 びます ホームページを 作 るための 言 語 は,HTML (Hyper Text Markup Language)と 呼 ばれています この 言 語 はどんなエディタやワープロ ソフトでも 書 くことができますが, 本 講 では, Windows 標 準 のメモ 帳

More information

サーバサイドスクリプトPHPを実感しよう

サーバサイドスクリプトPHPを実感しよう 第 3 講 サーバサイドスクリプト PHP を 実 感 しよう! クライアントサイドでは HTML に 埋 め 込 んだ(あるいは 別 ファイルから HTML に 読 み 込 まれた)JavaScript によって さまざまな 処 理 や 動 的 ページの 生 成 を 行 えることは すで に 第 3 講 までで 学 習 しました しかし HTML と JavaScript の 組 合 せではどうしても

More information

クリック クリック リンクを 張 るためのタグ タグ ~ リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク フォルダ 内 のファイルに

クリック クリック リンクを 張 るためのタグ タグ <a href= リンク 先 のURL ファイル 名 > ~ </a> リンク 先 のURLやファイル 名 に 対 してリンクを 張 る 同 じフォルダ 内 のファイルにリンク <a href= hoge.html > フォルダ 内 のファイルに Webプログラミング プログラミング1 HTML+CSS (5) (2 章 ) 2013/5/22( 水 ) 演 習 室 のPCのハードディスクには 演 習 で 作 成 したデータは 保 管 できません 各 PCの ネットワーク 接 続 ショートカットからメディア 情 報 セ ンターのサーバーにアクセスしてください 演 習 名 使 用 するフォルダ 演 習 1 Z: Webプログラミング1 20130522

More information

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX

1 1.1 1.2 1.3 (a) WYSIWYG (What you see is what you get.) (b) (c) Hyper Text Markup Language: SGML (Standard Generalized Markup Language) HTML (d) TEX L A TEX HTML 2000 7 2 ([-30]5051.49) 1 2 1.1.............................................. 2 1.2.............................................. 2 1.3................................................ 2 1.4.............................................

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

(Microsoft Word - H23\213\263\210\365\214\374\202\257\203K\203C\203h\203u\203b\203N.doc)

(Microsoft Word - H23\213\263\210\365\214\374\202\257\203K\203C\203h\203u\203b\203N.doc) Campusmate /Syllabus-OSU 0 Webシラバスシステムガイドブック および 作 成 日 程 ( 作 成 締 切 日 等 ) シラバス 作 成 作 業 日 程 日 程 作 業 月 0 日 ( 木 ) シラバス 作 成 依 頼 (E-MAIL にて 全 教 員 に 配 信 ) シラバス 等 作 成 期 間 月 0 ~日 ( 木 ) 月 4 日 ( 金 ) ( 締 め 切 り 厳 守

More information

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

2 / 15 リンクバナーの 輪 (DWKS 提 唱 ) 団 体 A サイト 団 体 B サイト 団 体 E サイト 団 体 C サイト 団 体 D サイト

2 / 15 リンクバナーの 輪 (DWKS 提 唱 ) 団 体 A サイト 団 体 B サイト 団 体 E サイト  団 体 C サイト 団 体 D サイト 1 / 15 第 5 回 セミナー/ 全 12 (2014/02/27) 画 像 の 加 工 処 理 実 習 :リンクバナーの 作 成 88 31px 160 70px 200 60px

More information

コンピュータ基礎実習(上級) 第二回

コンピュータ基礎実習(上級) 第二回 コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を

More information

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ Fckeditor マニュアル 目 次 Fckeditor の 基 本 的 な 使 い 方... 2 記 事 の 登 録 プレビューの 前 に... 2 リンクを 挿 入... 5 画 像 を 挿 入 する... 6 PC に 保 存 している 画 像 の 挿 入... 6 WEB 上 の 画 像 を 挿 入... 8 文 字 装 飾... 10 文 章 を 見 出 しにする... 10 太 文 字

More information

ホームページの作成

ホームページの作成 HTML5,CSS 資 料 HTML5 HTML の 文 法 HTML(Hyper Text Markup Language)は, 文 章 の 部 分 を Tag(タグ)と 呼 ばれ る 命 令 で 挟 んでいく タグは ... 開 始 終 了 のように 開 始 タグと 終 了 タグ 一 対 のペアになっている. タグは, 挟 まれた 部 分 がどのような 情 報 であるかを

More information

68 69

70 71 72 73

68 <td valign=top class=c8> 69 <p class=c13><a name=マーク0><span class=c9>⓪</span></a></p> 70 </td> 71 </tr> 72 <tr> 73 <td valign=top class ページ 内 のリンクでページ 内 に 移 動 の html のページの 追 加 方 法 三 宅 節 雄 Html 文 書 を TeraPad で 開 きます 1 2

More information

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6.....................

1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6..................... web 0448039 1 1 1............................ 1 2.............. 1 3................... 1 4...................... 1 5 Web................. 2 6...................... 3 7 HTML CSS.................... 3 8....................

More information

Wordでホームページ

Wordでホームページ Wordでホームページ の 旅 日 記 TOPページ サブページ アップロード マーキーの 挿 入 Microsoft Word 2010 目 次 1 Webページ 作 成 の 準 備 1 2 Webページの 作 成 と 保 存 5 3 フレーム 機 能 の 表 示 と 設 定 6 4 壁 紙 ボタンアイコンの 挿 入 とタイトルの 設 定 13 5 main( 下 フレーム)ページの 編 集 16

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト

More information

WORD 98 入力の手引き

WORD 98 入力の手引き コンピュータ 基 礎 実 習 ( 上 級 ) 第 13 週 スタイルシートの 基 礎 今 回 の 授 業 は スタイルシート(CSS)の 使 い 方 を 解 説 します 1. CSS の 基 本 1.1. CSS とは CSS は Cascading Style Sheets の 略 で ウェブページの 見 栄 えを 設 定 するための 言 語 です CSS は 最 近 多 くのサイトで 使 用 され

More information

あいち電子自治体ガイドライン(第1章)

あいち電子自治体ガイドライン(第1章) 1-1 HTML/XHTML 5 1-2 h 6 1-3 TITLE 7 1-4 8 1-5 9 1-6 10 1-7 11 1-8 12 2-1 13 2-2 14 2-3 15 2-4 16 2-5 17 2-6 18 2-7 19 2-8 20 3-1 21 3-2 22 3-3 23 3-4 24 3-5 25 3-6 4 26 3-7 27 3-8 28 - i - 4-1 29 4-2

More information

Acrobat早分かりガイド

Acrobat早分かりガイド Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを

More information

Microsoft PowerPoint - HTML1復習_1021.ppt

Microsoft PowerPoint - HTML1復習_1021.ppt HTML-Ⅱ(HTML 文 書 構 造 編 ) 3-1 HTML 基 本 構 造 html おいしいお 店 一 覧

More information

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページの 作 り 方 2008 年 5 月 更 新 明 治 大 学 講 習 の 前 に この 講 習 は ホームページ ビルダー10 を 利 用 してホームページを 作 成 し 駿 河 台 地 区 設 置 の WWW サー バーで 公 開 する 手 順 を 実 習 する 講 習 です( 注 1 最 新 のバージョンと 異 なる 場 合 もあります) 講 習 では2つ ページを 作 成 します

More information

OpenCity2説明

OpenCity2説明 和 光 市 市 民 活 動 支 援 サイト 新 掲 示 板 (FCKエディタ)について 通 常 ホームページを 作 成 するには HTML という 専 門 言 語 の 知 識 が 必 要 ですが FCK エディ タを 使 えば ワードやエクセルと 同 じ 感 覚 で タイトル 文 字 を 太 字 にしたり 表 を 作 成 したり 画 像 を 挿 入 したり 更 にはワードで 作 成 した 文 章 スタイルそのままにコピー&ペースト

More information

L03_final.indd

L03_final.indd XHTML meta DOCTYPE XHTML XHTML XHTML XHTML XHTML a. b. c. d. XHTML Transitional 2 a. b. c. d. XHTML h1h2

More information

情報基礎実習2013第7回テキスト

情報基礎実習2013第7回テキスト 情 報 基 礎 実 習 第 7 回 2014 年 6 月 5 日 ( 木 ) 6 月 6 日 ( 金 ) 担 当 教 員 : 逸 村 裕 高 久 雅 生 TF: 池 田 光 雪 今 回 の 内 容 今 回 のテキストは 扱 う 内 容 の 性 質 上 専 門 用 語 を 多 く 含 んでいる 既 によく 理 解 してい るという 自 信 がある 場 合 を 除 き 読 み 飛 ばさず 順 を 追 って

More information

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ

別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 3 静 的 HTML 作 成 4 HTMLソース 直 接 編 集 5 CSSソース 直 接 編 集 6 画 像 掲 載 7 アクセシ 別 紙 釧 路 公 立 大 学 ホームページリニューアル 業 務 CMS 要 件 一 覧 NO ( 大 分 類 ) NO ( 中 分 類 ) NO ( 小 分 類 ) 説 明 利 用 者 組 織 管 理 パスワード 管 理 登 録 修 正 削 除 パスワード 期 限 管 理 組 織 名 組 織 ID 組 織 パスワードを 登 録 修 正 削 除 する 管 理 者 自 身 がパスワードの 設 定 変

More information

データ構造とアルゴリズム論

データ構造とアルゴリズム論 第 1 章.Web サーバとしての Tomcat の 機 能 学 習 のねらい 1 テキストファイルおよび HTML ファイルをブラウザに 表 示 させ Tomcat の Web サー バとしての 機 能 を 確 認 理 解 する 0.Web アプリケーションの 動 作 の 仕 組 み 講 義 で 説 明 基 礎 課 題 1-1 (Java サーブレットを 用 いた)Web アプリケーションの 動

More information

Word2013による文書の作成(1級).indd

Word2013による文書の作成(1級).indd Word 1 Word2013 1 オプション 段 落 の 設 定 (1) 文 字 ずれをしないための 設 定 を 行 う( 別 冊 初 期 設 定 参 照 ) (2)(1)の 設 定 以 外 に 以 下 の 設 定 を 行 う 1 [ホーム]タブ [ 段 落 ]グループの を 2 [ 段 落 ]ダイアログボックスの 中 の[ 体 裁 ] クリックする タブをクリックし [オプション]をクリック する

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3

130 11 A B C A B C Ctrl (S) 5 A B C 11.2: 11.1.2 2 11.2 (F) (A) ( OK ) 3 (E) ( ) (E) 11.1.3 3 129 11 Web IT ( 11.1) 1990 2004 2006 JIS 1 Windows 2 Web Web 11.1: 11.1 11.1.1 1 Ctrl ( ) 11.2 (U) (A) ( OK ) (S) 1 (JIS X 8341-2) (JIS X 8341-3) FAX (JIS X 8341-4) 8341 JIS JIS X8341 http://www.jisc.go.jp/

More information

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d

HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:<...>で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd 他 に loose.dtd,frameset.d 第 10 回 HTMLの の 基 礎 HTMLとは 作 成 手 順 基 本 形 改 行 と 段 落 整 形 済 みテキスト 横 線 見 出 し リスト1(UL,OL) リスト2(DL) インライン 画 像 リンク HTMLとは HyperText Markup Language ハイパーテキスト:テキストを 超 えたもの マークアップ:で 指 示 する 規 格 厳 密 には htttp://www.w3.org/tr/html4/strict.dtd

More information