address 連絡先 可 lang xmlns applet Javaアプレット - EMOBILE 非対応 area イメージマップ alt shape "default" coords href nohref tabindex accesskey target "_self" 可 XHTML

Size: px
Start display at page:

Download "address 連絡先 可 lang xmlns applet Javaアプレット - EMOBILE 非対応 area イメージマップ alt shape "default" coords href nohref tabindex accesskey target "_self" 可 XHTML"

Transcription

1 Appendix_A EMOBILE XHTML, HTML タグ対応表 印のおよび属性はモバイルブラウザで使用できます で示す項目は一部の端末で使用できません 可 で示す項目は視覚的効果がないなど 条件付きで使できます A a アンカー href charset hreflang type name 可 XHTML 未定義 rel rev shape coords tabindex accesskey target "_self" 可 XHTML 未定義 lang measure "auto" EMOBILE 独自 eswf EMOBILE 独自 iswf xmlns onfocus onblur abbr 略語可 lang xmlns acronym 略語可 lang xmlns 1 / 21 ページ

2 address 連絡先 可 lang xmlns applet Javaアプレット - EMOBILE 非対応 area イメージマップ alt shape "default" coords href nohref tabindex accesskey target "_self" 可 XHTML 未定義 lang xmlns onfocus onblur B b 太字 可 lang xmlns base 基本 URI href target "_self" 可 XHTML 未定義 可 XHTML 未定義 basefont 基本フォントサイズ 可 XHTML 未定義 lang xmlns face - EMOBILE 非対応 2 / 21 ページ

3 color size "3" bdo 文字方向 Unicodeに対応する lang xmlns big 大きいフォント 可 端末の搭載フォントに依存する lang xmlns blink 点滅 可 XHTML 未定義 lang xmlns blockquote 引用文 cite lang xmlns body 文書本体 text 端末に依存 可 XHTML 未定義 link 端末に依存 可 XHTML 未定義 vlink 端末に依存 可 XHTML 未定義 alink 端末に依存 可 XHTML 未定義 bgcolor 可 XHTML 未定義 background 可 XHTML 未定義 lang 3 / 21 ページ

4 xmlns onload onunload br 改行 clear "none" 可 XHTML 未定義 xmlns button ボタン name type "submit" value disabled tabindex accesskey lang xmlns onfocus onblur C caption 表題 align "left" 可 XHTML 未定義 lang xmlns center 中央揃え 可 XHTML 未定義 lang xmlns 4 / 21 ページ

5 cite 引用可 lang xmlns code ソースコード可 lang xmlns col 属性の指定 ( 列 ) span wth align "left" valign "mdle" char - EMOBILE 非対応 charoff - EMOBILE 非対応 lang xmlns colgroup グループ化 ( 列 ) span wth align valign "mdle" char - EMOBILE 非対応 charoff - EMOBILE 非対応 lang xmlns 5 / 21 ページ

6 D dd 定義リストの説明 lang xmlns - EMOBILE 非対応 ondblclick del 削除可 cite datetime lang xmlns dfn 定義済み用語 可 lang xmlns ディレクトリリスト compact lang ondblclick 6 / 21 ページ

7 div 多目的ブロックレベル align "left" 可 XHTML 未定義 lang xmlns dl 定義リスト compact - EMOBILE 非対応 lang xmlns dt 定義リストの用語 compact - EMOBILE 非対応 lang xmlns E em 強調可 lang xmlns F fieldset フォーム部品のグループ化 7 / 21 ページ

8 lang font フォント 可 XHTML 未定義 face - EMOBILE 非対応 color size "3" lang form フォーム action method "get" enctype "application/x-www-form-urlencoded" accept-charset "Shift_JIS" accept 可 XHTML 未定義 name 可 XHTML 未定義 target "_self" lang xmlns measure "auto" EMOBILE 独自 onsubmit onreset frame フレーム 可 XHTML 未定義 src name langdesc marginwth marginheight noresize scrolling "auto" frameborder "1" frameset フレームの構成 可 XHTML 未定義 rows "100%" cols "100%" onload onunload H h(1~6) 見出し align "left" 可 XHTML 未定義 8 / 21 ページ

9 lang xmlns head ドキュメントヘッダ profile - EMOBILE 非対応 lang xmlns hr 罫線 align "center" size wth noshade lang xmlns html version lang xmlns I i 斜体可 lang xmlns iframe インラインフレーム 可 XHTML 未定義 src name longdesc wth height marginwth marginheight scrolling "auto" frameborder "1" align 9 / 21 ページ XHTML 未定義

10 lang img 画像 src alt longdesc wth height usemap ismap name align "bottom" 可 XHTML 未定義 border "0" 可 XHTML 未定義 hspace "1" 可 XHTML 未定義 vspace "1" 可 XHTML 未定義 lang copyright "no" private "no" EMOBILE 独自 mediaout "no" EMOBILE 独自 xmlns input フォーム部品 type "text" name value size maxlength 端末に依存 checked disabled readonly accept tabindex accesskey src alt usemap ismap align "bottom" 可 XHTML 未定義 lang i "3" xmlns onfocus onblur onselect onchange ins 追加可 cite datetime 10 / 21 ページ

11 lang xmlns isindex 検索用 - EMOBILE 非対応 K kbd 入力テキスト可 lang xmlns L label ラベル for accesskey lang xmlns ondblclick legend fieldset のラベル accesskey align lang ondblclick li リスト type ul, ol を継承 可 XHTML 未定義 value 可 XHTML 未定義 11 / 21 ページ

12 lang xmlns link 関連ファイル rel "sheet" にのみ対応 rev href hreflang charset type "text/css" にのみ対応 media "screen" target "_self" 可 XHTML 未定義 lang xmlns M map イメージマップ name 可 XHTML 未定義 lang xmlns marquee スクロール 可 XHTML 未定義 behavior "scroll" ection "left" loop "-1" height wth scrollamount "6" scrolldelay "85" truespeed bgcolor hspace vspace lang xmlns menu メニュー compact 12 / 21 ページ

13 lang meta メタ情報 content name http-equiv scheme lang xmlns N noframes フレーム非対応時 lang ondblclick noscript スクリプト非対応時 lang xmlns onfocus O object オブジェクト data type codetype archive codebase 現在のパス wth height usemap declare standby name tabindex align border "0" hspace "1" 可 XHTML 未定義 vspace "1" 可 XHTML 未定義 lang copyright "no" private "no" EMOBILE 独自 mediaout "no" EMOBILE 独自 xmlns 13 / 21 ページ "refresh", "expires", "pragma", "cache-control", "set-cookie" に対応

14 ol リスト type "1" 可 XHTML 未定義 compact - EMOBILE 非対応 start "1" 可 XHTML 未定義 lang xmlns optgroup リストグループ label disabled lang xmlns option リスト選択肢 selected value label disabled lang xmlns P p 段落 align "left" 可 XHTM 未定義 lang xmlns 14 / 21 ページ

15 param パラメータ name value valuetype "data" type スタイルシートを定義しないかぎり 表示上 の効果がない場合があります wth lang pre テキスト可 onfocus onblur Q q 引用文可 cite lang R rb ルビ対象 rbc ルビ rp ルビ非対応時 rt ルビテキスト 15 / 21 ページ

16 rtc ルビテキストグループ ruby ルビ S s 取り消し線可 lang samp サンプル可 lang script スクリプト type src charset "Shift_JIS" defer language - EMOBILE 非対応 select リスト name size 端末に依存 multiple disabled tabindex accesskey lang 16 / 21 ページ XHTML 未定義

17 onfocus onblur onchange small 小さい文字 可 端末の搭載フォントに依存する lang span インライン可 lang strike 取り消し線可 lang strong 強調可 lang スタイル type "text/css" に対応 media "screen" lang 17 / 21 ページ スタイルシートを定義しないかぎり 表示上の効果はありません XHTML 未定義

18 sub 下付き文字可 lang onfocus sup 上付き文字可 lang table 表 summary wth border "0" frame "vo" rules "none" cellspacing cellpadding align "left" 可 XHTML 未定義 bgcolor 可 XHTML 未定義 lang tbody 表の align "left" valign "mdle" char - EMOBILE 非対応 chroff - EMOBILE 非対応 lang 18 / 21 ページ

19 td セル rowspan "1" colspan "1" align "left" valign "mdle" char - EMOBILE 非対応 charoff - EMOBILE 非対応 abbr axis headers scope nowrap 可 XHTML 未定義 bgcolor 可 XHTML 未定義 wth 可 XHTML 未定義 height 可 XHTML 未定義 lang textarea 入力テキスト複数行 rows cols name disabled readonly tabindex accesskey lang i "1" onfocus onblur onselect onchange tfoot 表フッタ align "left" valign "mdle" char - EMOBILE 非対応 chroff - EMOBILE 非対応 lang 19 / 21 ページ

20 th 表の行 rowspan "1" colspan "1" align "center" valign "mdle" char - EMOBILE 非対応 charoff - EMOBILE 非対応 abbr axis headers scope nowrap 可 XHTML 未定義 bgcolor 可 XHTML 未定義 wth 可 XHTML 未定義 height 可 XHTML 未定義 lang thead 表ヘッダ align "left" valign "mdle" char - EMOBILE 非対応 chroff - EMOBILE 非対応 lang タイトル lang tr 表の行 align "left" valign "mdle" char - EMOBILE 非対応 charoff - EMOBILE 非対応 bgcolor 可 XHTML 未定義 lang 20 / 21 ページ

21 tt 等幅フォント lang ondblclick u アンダーライン可 lang ul リスト type "disc" 可 XHTML 未定義 compact - EMOBILE 非対応 lang var 変数可 lang XHTML 未定義 21 / 21 ページ

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p>

次のように編集を行う 1. 改行を挿入するには <br> タグ 例 ) 世界の都市めぐり <br> ~~~あれこれをご紹介します <br> ~~~ 名所めぐり <br> ~~~ヨーロッパの町並み <br> 2. 段落を区切るには <p> ~ </p> タグ 例 )<p> 世界の都市めぐり </p> 第 1 回目のタグ 1. Web ページ ( ホームページ ) の作成メモ帳 ( テキストエディタ ): ウィンドウズに付属しているソフトテキストエディタ メモ帳 を開くには : スタートボタンをクリック プログラムポイント アクセサリ メモ帳を選ぶ ブラウザ (Web ページの閲覧ソフト Internet Explorer): ウィンドウズに付属しているソフトが必要とする homepage.html

More information

Web

Web Web 1 1 1........................... 1 2 Web...................... 1 3...................... 3 4........................ 4 5........................... 5 i............................ 5 ii iii..........................

More information

楽天メディアガイド2012年1-3月期

楽天メディアガイド2012年1-3月期 楽 天 メディアガイド 2012 年 1 月 ~2012 年 3 月 楽 天 市 場 楽 天 グリーティング 広 告 商 品 入 稿 規 定 広 告 掲 載 の 注 意 事 項 メール 広 告 について ( 楽 天 市 場 広 告 商 品 共 通 ) HTML 版 制 作 上 のご 注 意 HTML 版 は 下 記 の 内 容 を 必 ずお 読 み 下 さい ファイルについて HTMLファイル 関

More information

スライド 1

スライド 1 レイカディア大学同窓会 ホームページ講座 第 1 章 2015/6/23 広報部 HP 班長教野弘孝 ( 陶芸 32) 教野メール hiro@kyouno.com 当講座は レイカディア大学同窓会各支部 HP 担当者を対象に ホームページを作成してもらうため実施します 第 1 章 HP の予備知識 HP の素材 6 月 23 日 1ホームページ プロバイダー ブラウザ URL HTML 2メモ帳,WORDでのHTMLの作成と基本的なタグについて

More information

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文

ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2 種類がある 2. テキストエディタ : テキストファイルと呼ばれる 文 ホームページ作成 1. HTML 言語によるホームページ作 成 2. ホームページ作成ソフト IBM : ホー ムページビルダー Microsoft FrontPage 1 ホームページ作成に必要なソフト 1. ブラウザ : ホームページを画面上に表示するためのソフトウェア 現在よく使われるのは Microsoft Internet Explorer と Netscape Navigator の 2

More information

PowerPoint Presentation

PowerPoint Presentation HTML5 Level.1 Markup Professional HTML5 Level.2 Application Development Professional http://www.html5exam.jp/ @html5cert https://www.facebook.com/html5exam

More information

【インターネットビルダー2】投稿マニュアル

【インターネットビルダー2】投稿マニュアル インターネットビルダー 2 投稿マニュアル 第 1 版 株式会社サイネックス 1 / 34 Copyright 2016 SCINEX CO.,LTD. All Rights Reserved. 目次 表紙... 1 目次... 2 Ⅰ. 管理画面へのログインについて... 3 1-1. 管理画面にログインする... 3 Ⅱ. 最新ニュース について... 4 2-1. 最新ニュース を新規追加するには...

More information

1

1 ...1...37 1 HTML4.01 Transitional Frameset DOCTYPE 5.1.a 2 Windows Shift_JIS Linux Unix EUC jp meta 5.1.a 3 5.1.a JIS cm cc kg alt 4 5.4.a 5.4.a 5 alt alt alt alt alt alt="" alt 6 5.4.b 5.4.b 7 8 5.3.a

More information

1 JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2 ... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3...

More information

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学 九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送 インターネット クライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション メール 広 告 について( 全 商 品 共 通 ) 制 作 上 のご 注 意 注 意 事 項 本 文 内 に 広 告 に 関 するお 問 い 合 わせ 先 ( 問 い 合 わせフォーム メールアドレス 電 話 番 号 のいずれか)をご 記 載 ください( 原 稿 行 数 に 含 む) マルチパート 配 信 の 場 合 は HTMLメール テキストメール 両 方 をご 入 稿 ください 原 稿 内 記

More information

SNS 14,917,000,000 10,780,000 SNS 8,850,000,000 14,900,000 MobileSpace 8,000,000,000 3,000,000 SNS 6,000,000,000 6,000,000 3,863,000,000 22,100,000 3,790,000,000 8,970,000 i i 3,500,000,000 6,000,000 2,001,000,000-1,900,000,000

More information

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4. http://www1.iwate-ed.jp/ JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.d 5.4.e 5.5.a 5.5.b 5.5.c

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 問題 次の画面写真を参考にソースを組みなさい 画像素材は次のサイトにある http://www.kyouzai.com/kenshu/index.htm トップ 大学 専門学校授業 10 月 31 日画像素材 ファイル名 :index.htm( フレーム定義ファイル ) menu.htm( 左フレーム表示 メニューページ ) top.htm( 右フレーム表示 似顔絵イラスト表示ページ ) touroku.htm(

More information

ホームページ制作 基礎編 (HTML5 CSS3 コーディング )

ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 (HTML5 CSS3 コーディング ) ホームページ制作 基礎編 ホームページ制作 基礎編 目次 はじめに 5 はじめに... 5 本教材について 5 WEB サイト制作の概要... 5 Web サイト制作の流れ 5 サイト制作に必要なプログラミング言語 6 HTML 7 HTML について... 7 HTML について 7 HTML の記述方法 7 HTML の解説 8

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

スライド 1

スライド 1 授業用ファイルのコピー 授業で使用するソフト ホームページビルダー (Ver10 以上 ) みなさんのパソコンに教材をコピーしてください ホームページ講座受講者教材データ USB メモリーで フォルダーごとデスクトップか C ドライブへ Windows10 でファイル名変換 画像リサイズなどが可能なフリーソフトの一例 リサイズ超簡単!Pro をインストールしてください ( 任意ですのでデモを見ていただくだけでも結構です

More information

■新聞記事

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

More information

How to Make Web Pages Masafumi Taira, Hiroshi Kawamata, Takashi Kosuge, Kiyoharu Hashimoto and Kazuyuki Nigorikawa Engineering Department High Energy

How to Make Web Pages Masafumi Taira, Hiroshi Kawamata, Takashi Kosuge, Kiyoharu Hashimoto and Kazuyuki Nigorikawa Engineering Department High Energy How to Make Web Pages Masafumi Taira, Hiroshi Kawamata, Takashi Kosuge, Kiyoharu Hashimoto and Kazuyuki Nigorikawa Engineering Department High Energy Accelerator Research Organization 1.... 1 1-1.... 1

More information

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63>

<4D F736F F D E835A A C98AD682B782E98E77906A89FC92F994C52E646F63> 1. はじめに 1 1-1. ガイドラインを策定するにあたって 1 1-1-1. ウェブアクセシビリティとは 1 1-1-2. ウェブアクセシビリティが求められている背景 1 1-1-3. 高齢者 障害者の閲覧時の利用特性 2 1-1-4. 視覚障害者への対応 2 1-1-5. ウェブアクセシビリティの JIS 規格化 3 1-1-6. ガイドラインの重要性 3 1-2. ガイドラインの適用範囲 4

More information

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========>

2 / 16 HTML=HyperText Markup Language( ハイパーテキストマークアップランゲージ ) ブラウザ (Chrome) での表示 ソースの表示 ( メモ帳 /TeraPad) HTML <========= =========> 1 / 16 第 11 回セミナー / 全 12 (2014/8/28) HP の基本的構造の理解とページ構成の工夫 これだけはマスターしておきたい HTML 厳選タグ迷子を生まないためのリンクの配置 ( 読ませる工夫 ) Web 作成の基本ツール Web ブラウザ Chrome FireFox Opera (Internet Explorer) Chrome Firefox Opera https://www.google.com/intl/ja/chrome/browser/features.html

More information

HTML のタグを使ったホームページ作成 第 1 章 HTML 文書の基本 1. タグの基本 HTML 文書は普通の文章とタグで構成される タグは半角英数字で書く 文字 のように開始タグ (< >) と終了タグ () で囲む オプションをつけることもできる 2. 基本構成 ( 下線のタグは必ず書きます ) タイトル

More information

JavaScript 演習 2 1

JavaScript 演習 2 1 JavaScript 演習 2 1 本日の内容 演習問題 1の解答例 前回の続き document.getelementbyid 関数 演習問題 4 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習問題 5 演習問題 1 prompt メソッドと document.write メソッドを用いて, ユーザから入力されたテキストと文字の色に応じて, 表示内容を変化させる JavaScript

More information

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

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

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse

More information

388-356697252-2.pdf

388-356697252-2.pdf 専修大学 ネットワーク情報学部 2012年度 特殊演習 (Webプログラミング) 新居雅行 / Masayuki Nii 2 HTML/CSS 2012 4 23 1 2-1 Web 2 2-1 80 SSL Apache WindowsIIS Internet Information Server HTTP HyperText Transfer Protocol HTML HTML 1 1 [ URI]

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます

More information

経営論集2011_07_小松先生.indd

経営論集2011_07_小松先生.indd 20 1 2010 103 125 HTML+CSS HTML CSS CMS Web CMS CMS CMS CMS DreamWeaver Web Web CMS Web Web CSS Web Eclipse HTML CSS Web Web HTML CSS Web HTML CSS Web HTML CSS Web 1 Web Web HTML Web 103 HTML+CSS Web HTML

More information

html比較

html比較 HTML 較表 html4/xhtml html5 意味 a a リンクを指定する abbr abbr 略語 ( 頭字語以外 ) であることを表す acronym 略語 ( 頭字語 ) であることを表す address address 連絡先 ( 問い合わせ先 ) として扱う applet JAVAアプレットを埋め込む area area イメージマップの領域を指定する article 完結した記事であることを

More information

Web情報システム 第1章~第5章

Web情報システム 第1章~第5章 Web 情報システム マルチメディア情報通信ソフトウェア 第 1 章 ~ 第 4 章 1 Web 情報システム マルチメディア情報の流通 Web 情報システム概論 デジタルメディアの特徴 デジタルメディアの記述 HTML (Hyper Text Markup Language) CSS (Cascading style sheet) デジタルメディアの制御 JavaScript コンピュータとネットワークの基礎

More information

ISコースプロジェクト実習 前期(第1回 ガイダンス)

ISコースプロジェクト実習 前期(第1回 ガイダンス) プロジェクト実習 IS2 前期 ( 第 1 回 ) 使用教室 :5-102,8-203,8-303,8-305,4-205 担当教員 : 熊谷和志, 早川吉弘 資料サイト : 熊谷研究室授業資料 (http://ckuma.html.xdomain.jp/class/) 1. 授業を進める上で 授業概要 1 学年の コンピュータリテラシ, 総合工学基礎実験 を踏まえ, 数週間から数ヶ月の中長期にわたり,

More information

第 7 回の内容 動的な Web サイト フォーム Web システムの構成

第 7 回の内容 動的な Web サイト フォーム Web システムの構成 第 7 回の内容 動的な Web サイト フォーム Web システムの構成 動的な Web サイト 静的なリソース ファイルシステムのパス / URI のパス a 公開ディレクトリ / b b GET /b HTTP/1.1 c c e d /a/b を送り返す d e 静的なリソース ファイルシステムのパス / / URI のパス f b c e GET /g/e HTTP/1.1 d /f/e

More information

文京女子大学外国語学部

文京女子大学外国語学部 6. テーブル 6-1 テーブルとはテーブルとは表のことです ホームページ上で表を作成するには テーブル作成用に用意された数種のタグを使用します なお HTML 文書を書くためのエディタでは 通常 単純な罫線すら引けないことに注意してください 文字の羅列よりも表にまとめた方がわかりやすく レイアウトとしても優れていることは 皆さんもよく経験するところだと思います ですからテーブルは 表形式のデータ表示に有効であるとともに

More information

ホームページの作成

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

More information

それぞれの要素がどのようなデザインで表示されるか確認しよう ファイル名 ex08-01.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> デフォルトスタイルシートの確認 </title> <link href="css

それぞれの要素がどのようなデザインで表示されるか確認しよう ファイル名 ex08-01.html <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title> デフォルトスタイルシートの確認 </title> <link href=css Web デザイン基礎授業ノート 8 < テーマ > HTML の役割 (3) 1 見出しと段落 (1) 要素 Web サイト全体の総合的な主題 ( テーマ タイトル ) 最重要人間にもコンピューターにも主題が伝わること ~ ページ内の情報に対する見出し階層構造にする ブロックレベルの性質前後で改行され 縦に積まれる (2)p

More information

6 2 1

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

More information

インターネット社会の発展

インターネット社会の発展 インターネット入門 第 8 回 Web ページの作成法 総合情報学部情報科学科榊原道夫, 河野敏行, 大西荘一 目次 1. Web ページの作成 2. タグによる作成手順 3. HTML の基本 4. 作ってみよう 5. スタイルシートの利用 Web ページの作成 作成に必要なアプリケーション HTML エディター 専用ソフト テキストエディター 画像編集ソフト コンテンツ作成ソフト Flash ファイル転送ソフト

More information

JavaScript演習

JavaScript演習 JavaScript 演習 2 1 本日の内容 prompt 関数 演習 1 演習 2 document.getelementbyid 関数 演習 3 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習 4 IE における JavaScript のデバッグ方法 1. ツール インターネットオプションメニューを実行 2. 詳細設定タブの スクリプトエラーごとに通知を表示する をチェック

More information

X Working Draft

X Working Draft X 8341-3 2004 Working Draft 2.11 3 24 5 2 1 ... 2 1.... 4 2.... 4 3.... 4 4.... 5 5. JIS X8341-3 5 "... 6 5.1... 6 5.1.a... 6 5.1.b... 9 5.2...11 5.2.a...11 5.2.b... 14 5.2.c... 21 5.2.d... 23 5.2.e...

More information

untitled

untitled 2005 HP -1-2005 8 29 30 HP 1 ( ) 1. Web 2. HTML HTML 1 PDF HTML 1 Web HTML http://www.media.ritsumei.ac.jp/kodais2005 2 2.1 WWW HTML Hyper Text Markup Language) HTML Web HTML Internet Explorer http://www.ritsumei.ac.jp

More information

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

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

More information

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

Microsoft Word - 教材WebページのHTML5及びCSS3の解説 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)

More information

SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web

More information

第2回 Web文書

第2回 Web文書 Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 2 回 HTML 入門 萩野達也 (hagino@sfc.keio.ac.jp) 1 HTML 簡単な HTML 文書を書いてみましょう.

More information

3.3 World Wide Web 26

3.3 World Wide Web 26 3.3 World Wide Web 26 WWW の生い立ち 1989 CERN (European Center for Nuclear Research) で文書管理のために考案 他の文書へのリンクを含むテキスト (HyperText) HTML 1993 Mosaic クリックするだけでリンク先にアクセスすることのできるグラフカルユーザインタフェース 1994 World Wide Web

More information

untitled

untitled FONT FACE=" " /FONT hp11.html FONT FACE=" " /FONT FONT FACE=" " HTML HP10.html HTML HTML HTML html head title /title font face=" " size="5" /fontbr font face=" " size="5" /fontbr font size="5" /fontbr

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

2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................

2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8...................... HTML 04480 2 PY 3 2 4 3 5 head 6............... 6 2 meta..................... 6 3 head............. 7 4 BASE......................... 7 6 8......................... 8 2 HTML................. 30 3.........................

More information

Microsoft PowerPoint - 07回目.pptx

Microsoft PowerPoint - 07回目.pptx 1 情報リテラシー II ( 樋口担当 ) 2 回目 10/3 本日の予定 2 Web ページの作成 はじめる前に I. ファイルのUP II.HTMLの基本 III. テキストの記述方法 IV. ハイパーリンク V. インラインイメージ ( 画像 ) VI. 表 VII. 課題 3 はじめる前に 1. サーバー 4 日本工業大学は学生用のサーバを用意 ( 注 ) サーバーとは? サービスを提供するコンピュータの一般的な呼び方

More information

JavaScript の使い方

JavaScript の使い方 JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static

More information

第2回 Web文書

第2回 Web文書 Web 情報システム構成法第 2 回 Web 文書 萩野達也 (hagino@sfc.keio.ac.jp) 1 HTML 簡単な HTML 文書を書いてみましょう. HTML の特徴を入れなさい. my Page

More information

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ 1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 5. 関数を駆使していろいろなFORMを攻略しちゃおう メソッド button checkbox radio select text textarea ボタン チェックボックス ラジオボタン セレクト テキスト テキストエリア blur blur blur blur blur blur click click click focus focus focus focus focus focus select

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

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

07_経営論集2010 小松先生.indd

07_経営論集2010 小松先生.indd 19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT

More information

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx CSS(Cascading Style Sheets) の基本 1. CSSの基本的な考え方は HTMLの構造を表す要素 ( タグ ) に対しスタイルを定義するというもの 2. CSSでは セレクタ プロパティ 値 の3つを組み合わせてスタイルを設定する 3. セレクタ は ,, や 要素などコンテンツ内のどの要素にスタイルを適用するかを指定する 4. セレクタの次の

More information

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1 合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text

More information

立ち読みページ

立ち読みページ 6 6 46. 47. 48. 49. 50. 51. 52. 53. 146 148 150 152 154 158 160 162 6 46 Web ( ) table tr td th >> HTML

More information

websample 1 2 websample index.html

websample 1 2 websample index.html Web HTML Web 1 2 3 4 5 6 7 1 2 3 4 5 6 websample 1 2 websample index.html -1-1 HTML index.html html head /head body /body /html body table border="1" /table /body table border="" /table table /table table

More information

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01

[ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01 [ 学習動画 ] 一覧 学習の閲覧や質問の際にご利用ください 閲覧が終了した動画をチェックして 学習の進行状況を確認しましょう! 閲覧チェック Dreamweaver/HTML5/CSS3 講座 HTML/CSS リファレンス 動画タイトル 時間 ( 計 10 時 57 分 ) Chapter01 オリエンテーション 約 40 分 01_ 学習の進め方 02_ リファレンスの紹介 約 09 分 03_

More information

CSP HTML タグ・リファレンス

CSP HTML タグ・リファレンス CSP HTML タグ リファレ ンス Version 5.1 2006-03-14 InterSystems Corporation 1 Memorial Drive Cambridge MA 02142 www.intersystems.com CSP HTML タグ リファレンス Caché Version 5.1 2006-03-14 Copyright 2006 InterSystems

More information

デジタルテレビネットワーク機能 IC カードアクセス仕様書 デジタルテレビ情報化研究会 Copyright 2008 ALL RIGHTS RESERVED シャープ株式会社ソニー株式会社株式会社東芝株式会社日立製作所松下電器産業株式会社本仕様の内容は予告無しに変更されることがあります Docume

デジタルテレビネットワーク機能 IC カードアクセス仕様書 デジタルテレビ情報化研究会 Copyright 2008 ALL RIGHTS RESERVED シャープ株式会社ソニー株式会社株式会社東芝株式会社日立製作所松下電器産業株式会社本仕様の内容は予告無しに変更されることがあります Docume デジタルテレビネットワーク機能 IC カードアクセス仕様書 デジタルテレビ情報化研究会 Copyright 2008 ALL RIGHTS RESERVED シャープ株式会社ソニー株式会社株式会社東芝株式会社日立製作所松下電器産業株式会社本仕様の内容は予告無しに変更されることがあります Document Version: 1.0 Date: 23 rd April, 2008 Name: 目次 1.

More information

Web データ管理 HTML+CSS (6) (2 章 ) 2011/11/9( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

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

More information

第6回 CSS入門(つづき)

第6回 CSS入門(つづき) Slide URL https://vu5.sfc.keio.ac.jp/slide/ Web 情報システム構成法第 6 回 CSS 入門 ( 続き ) 萩野達也 (hagino@sfc.keio.ac.jp) 1 CSS の役割 HTML に表現を与える 背景 色, 画像, 画像の繰り返し 文字 色, 種類, 太さ, 傾き, 大きさ 文書 整列 ( 左揃え, 中央揃え, 右揃え, 均等割り付け )

More information

Microsoft PowerPoint - css-3days 互換モード

Microsoft PowerPoint - css-3days 互換モード 情報基礎 CSS を用いた Web ページ作成 CSS とは Cascading Style Sheet の省略表記 シーエスエスと読む Web ページのレイアウト ( 視覚的構造 ) を定義する スタイルシート の規格の一つ Web の標準化団体である W3C(World Wide Web Consortium) によって標準化 W3C で推奨される考え方 論理構造 : マークアップ言語 HTML,

More information

凸 凸 デコメールとは 簡易な HTML メール 普通のメール デコメールだと 各キャリアの凸 DoCoMo (i-mode) デコメール au (EZweb) デコレーションメール SoftBank (S! メール ) アレンジメール DoCoMo / デコメール Version 対応機種テンプレート 1.0 900iシリーズ 901iシリーズ らくらくホンIII 2.0 D800iDS 902iシリーズ

More information

1. はじめにこのドキュメントは IBMi 上のデータを HTML のテーブルで表示するためのカスタマイズ方法について説明するものです この手法を用いることで スムーズなスクロールによる照会画面 (HTML のテーブル ) を 5250 画面に挿 することが出来ます ( 下図参照 ) なお このドキ

1. はじめにこのドキュメントは IBMi 上のデータを HTML のテーブルで表示するためのカスタマイズ方法について説明するものです この手法を用いることで スムーズなスクロールによる照会画面 (HTML のテーブル ) を 5250 画面に挿 することが出来ます ( 下図参照 ) なお このドキ 目次 1. はじめに... 2 2. カスタマイズ方法... 4 2.1. 静的テーブルを使ったカスタマイズ方法... 4 2.2. 動的テーブルを使ったカスタマイズ方法... 6 2.3. 動的テーブルを使ったカスタマイズ方法 ( あいまい検索の実装 )... 8 2.4. ヘッダーを固定したスクロール テーブルのカスタマイズ方法... 12 2.5. テーブル内のデータを axes カスタマイズ画面で使用する方法...

More information

<48746D6C8AEE91628D758DC02E786C73>

<48746D6C8AEE91628D758DC02E786C73> HTML 基礎講座 目次 1.HTML 紹介 1-1 HTMLとは 1-2 HTMLの基本的な構成 1-3 HTMLのソースの表示方法 2.HTMLタグ紹介 2-1 リンクする 2-2 改行 水平罫線 2-3 段落 2-4 見出し ~, ~ 2-5 画像 2-6 テーブル 2-7 フォーム 2009.10.16

More information

JavaScript演習

JavaScript演習 JavaScript 演習 2 山口研究室後期博士課程 3 年玉川奨 ( たまがわすすむ ) 居室 :24-604 / 23-620 mail : s_tamagawa@ae.keio.ac.jp 1 前回の補足説明 + 復習 IE における JavaScript のデバッグ方法 prompt 関数 演習問題 1 IE における JavaScript のデバッグ方法 1. ツール インターネットオプションメニューを実行

More information

Web プログラミング 1 HTML+CSS (6) (2 章 ) 2013/5/29( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用

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

More information

* この 確認問題解答 / 演習問題解答 は, 書籍 HTML 演習 HTML5 版 ( 発行 : 株式会社 SCC) の ダウンロード用 [ 別冊 ] として, 当該書籍の読者に限定して提供しています - 2 -

* この 確認問題解答 / 演習問題解答 は, 書籍 HTML 演習 HTML5 版 ( 発行 : 株式会社 SCC) の ダウンロード用 [ 別冊 ] として, 当該書籍の読者に限定して提供しています - 2 - HTML 演習 HTML5 版 別冊 確認問題解答 演習問題解答 1-1A CShogo Nakajima 2017 * この 確認問題解答 / 演習問題解答 は, 書籍 HTML 演習 HTML5 版 ( 発行 : 株式会社 SCC) の ダウンロード用 [ 別冊 ] として, 当該書籍の読者に限定して提供しています - 2 - 確認問題解答 / 演習問題解答 第 1 章 確認問題 1.1 (1)

More information

タグ付きPDFとは何か?

タグ付きPDFとは何か? PDF sample はじめに タグ付き PDF という言葉を見かけるようになりましたが タグ付き PDF とは一体どういったものなのでしょうか 本書ではタグ付き PDF とはなにか? について簡単に説明します なお 本書は EPUB アクセシビリティの機能の1つである ページ分割マーク の CAS 記法マークアップと EPUB3 のサンプルとして用意されたものです i 目 次 はじめに i 第

More information

_IMv2.key

_IMv2.key 飯島基 文 customb2b@me.com $ ssh ladmin@im.example.com $ cd /Library/Server/Web/Data/Sites/Default/ $ git clone https://github.com/msyk/inter-mediator.git

More information

コンピュータ中級B ~Javaプログラミング~ 第3回 コンピュータと情報をやりとりするには?

コンピュータ中級B ~Javaプログラミング~  第3回 コンピュータと情報をやりとりするには? Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 1 コンピュータ 2C ~ マルチメディア ~ 第 2 回 Web ページを作成するには? (HTML の基本 2) 人間科学科コミュニケーション専攻 白銀純子 Copyright (C) Junko Shirogane,

More information

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り 1250 アウトラインのトランジション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースとして使用されることが多い機能です outline はボックスに指定して border と同じようにトランジションさせることもできますが あまり使われることはないかもしれません outline には border と違って 角の半径を指定して丸くする機能はありません 入力フィールドをクリックすると変化します

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 3 Webデザイナーに求められる知識 優秀な HTML, CSS, 画像編集, JavaScript, jquery, XML, 色 彩理論, LL, データベース, SEO, SMO, EFO, コピーラ イティング, テキストライティング, イラストレー ション, Flash, ディレクション能力, プロジェクトマ ネジメント, Logo作成, Typography, サーバ管理, PHP, Perl,

More information

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21

Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/21 Web データ管理 JavaScript (1) (4 章 ) 2011/12/7( 水 ) 1/21 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111207 演習

More information

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ

フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボ フォームとインナー HTML を使って動的にページ内の文章を変更しよう 問題 1. つぎの指示と画面を参考に HTML を組みなさい 仕様 テキストボックスに任意の文字を入力し [ コメント ] ボタンをクリックすると 下部の文章がテキストボックスの内容に置き換わる フォーム名 : f1 テキストボックス名 : t1 関数名 : MM() test-a.htm function MM(){ a=document.f1.t1.value;

More information

Microsoft PowerPoint - 13info_WebStandatd_2.pptx

Microsoft PowerPoint - 13info_WebStandatd_2.pptx 新しい Web 標準と XHTML (No.2) 経営情報学科 2013/06/26-7/10 片山敏之 目次 1. 国際的な標準化団体 2. Web の基本的な概念 3. Web ブラウザの開発競争 4. Web 標準 5. HTML5 の動向 6. 文書構造の記述 - HTML5 7. 文書表現の記述 - CSS3 8. レイアウト技法 2013/6/26 2 6. 文書構造の記述 6.1 HTML

More information

[ ]スマートセミナーバージョンアップリリースノート

[ ]スマートセミナーバージョンアップリリースノート スマートセミナー 2.0 バージョンアップリリースノート 株式会社シャノン 2010/7/27 1 Copyright SHANON Co., Ltd. All Rights Reserved. 1. はじめに...3 本リリースノートについて... 3 追加 修正される機能とユーザーへの影響について... 3 2. 今回追加された新機能のご紹介...4 HTML エディタの機能改善... 4 アンケートのラジオボタン

More information

超簡単にWebページを作成

超簡単にWebページを作成 Lesson を始める前に どんなプログラマーもこれを実践しました 超簡単に Web ページを作成 この解説書は Lesson が高レベルになっても参照用として利用して下さい この章の実践方法はまず解説ページ内にある HTML ソースコードをコピーして メモ帳などに貼り付けて 実行して 表示してそのあとで表示内容を解説します 最初は全然理解できない方でも 同じ HTML コードを繰り返し 繰り返 し実践する事で

More information

ch31.dvi

ch31.dvi 1 1 1.1 1.1.1 ( ) ( 1.1 ): [ ] [ ] CPU[ + ] [ ] CPU( ) ( 1 2 1 1.1: ( 1.1 ): ( ) [ ] ( )[ ] + ( ) (+ ) ( ) ( ) 1.1. 3 1.2: ( ) ( ) ( 1.2) 4 1 1.3: 120m/ (432km/h) 0.5 2m/ 1 ( 1 ) ( ) ( ) ( 1.3) 1.1. 5

More information

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ

¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ HTTP/2 HTTP/1.1 (1999 ) 2015 5 RFC7540! Google SPDY ( ) 1 TCP TCP TLS HTTP Upgrade HTTP 1 HPACK 1 / 24 3 : HTTP : HTML4 2 / 24 testform.html: POST testform2.html: GET iedemo: IE default.css: CSS proxy.pac:

More information

Color Change

Color Change 1229 Text の 3D トランジション (rotatex, rotatey) テキストが 3D で変形するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると テキストが 3D で 変化するトランジションが動きます プロパティ transform: rotatex( ) rotatey( ) 要素を 3D 回転するときに指定します

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

h1,..., h6: (heading) h1 h2 table: table tr (table row) tr td (table data) ol, ul: (ordered) (unordered) </tag1> </tag4> 1: HTML [1] html: Web HTML he

h1,..., h6: (heading) h1 h2 table: table tr (table row) tr td (table data) ol, ul: (ordered) (unordered) </tag1> </tag4> 1: HTML [1] html: Web HTML he HTML CGI 1 Web HTML (Hyper-Text Markup Language)[1] CGI (Common Gateway Interface)[2] HTML CGI Web Web 2 Web GUI CUI GUI OS GUI GUI Web GUI OS OS Web 3 HTML 3.1 HTML WWW (World Wide Web, Web) Web Web HTML

More information

WDI-Slides-04.pptx

WDI-Slides-04.pptx WEB+DB システム ( 入門編 ) 第 4 回 (2016 年 4 月 28 日 ) HTML と CSS 今日のテーマ p HTML(Hyper Text Markup Language) を読む p CSS(Cascading Style Sheet) の使い方を理解する p 画面の修飾 記述方法を調べる n タグについて学ぶ p HTML+CSS で WEB 画面を記述する方法について実際に試し

More information

データ解析

データ解析 情報教育基礎研修会 ( 平成 16 年 8 月 4 日 ) 奈良産業大学情報学部 情報教育基礎研修会 ( 平成 16 年 8 月 4 日 ) HTML 言語によるウェブページの制作 日時 会場 平成 16 年 8 月 4 日 ( 水 )9 時 10 分 ~ 15 時 40 分 奈良産業大学 10 号館 3 階 1032 教室 日程 時間内容場所 9:10 ~ 9:20 日程説明 1033 教室 9:30

More information

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で 1111 基本のボックス (margin, width, height, border, background) CSS3 アニメーション ( およびトランジション ) の基本はボックスです このボックスに色を付けたり ボックスにテキスト ( 文字 ) や画像を入れて ボックスを移動 回転 2D 変形 3D 変形してアニメーションを作ります では先ずボックスを作ってみましょう 基本的なボックスは下の四角形のようなものです

More information

4. Webブラウザのオブジェクト

4. Webブラウザのオブジェクト 4. Web ブラウザのオブジェクト 4.1 Web ブラウザのオブジェクトの概要 4.2 navigator オブジェクト 4.3 document オブジェクト 茨城大学工学部情報工学科 08T4038G 篠塚晃一 4.1 Web ブラウザのオブジェクトの概要 Web ブラウザに関するオブジェクトには階層関係がある Web ブラウザに HTML ドキュメントがロードされると さまざまなオブジェクトが生成される

More information

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す

3 CSS について Cascading Style Sheets(CSS カスケーディング スタイル シート カスケード スタイル シート) とは HTML や XML の要素をどのように修飾 ( 表示 ) するかを指示する W3C による仕様の一つ 文書の構造と体裁を分離させるという理念を実現す HTML/CSS 1 HTML について Hyper Text Markup Language( ハイパーテキストマークアップランゲージ ) 略記 略称:HTML( エイチティーエムエル ) とは ウェブ上のドキュメントを記述するためのマークアップ言語である Web 作成基本プログラミング用語であり C 言語のようなプログラミングとは違い 文章の中に記述することでさまざまな機能を記述設定することができる

More information

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

演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 Web データ管理 CGI (3 章 ) 2011/11/30( 水 ) 1/23 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 講義で使うフォルダ 2/23 CGI とは Common Gateway Interface の略 通常のページでは

More information

<h1> 番号なし箇条書きの例 </h1> <ul> <li> 最初の項目 <li>2 番目の項目 <li> 最後の項目 </ul> 図 2 番号付き箇条書きの HTML 文書例 項目の先頭には, 自動的に のような黒丸記号が表示される これ以外の記号を用いる には, 表 2

<h1> 番号なし箇条書きの例 </h1> <ul> <li> 最初の項目 <li>2 番目の項目 <li> 最後の項目 </ul> 図 2 番号付き箇条書きの HTML 文書例 項目の先頭には, 自動的に のような黒丸記号が表示される これ以外の記号を用いる には, 表 2 情報コミュニケーション入門 b HTML による Web ページ作成の練習 : 応用編 この応用練習は, 余力のある人だけ取り組めばよい ただし, 最終頁は全員確認してお くこと 効果的な表現のための工夫一般に, 文章のみの Web ページは単調になりやすいため, 適宜小見出しを入れたり, 箇条書きや図表を駆使して, 印象的なデザインを工夫する 基本的な表現方法は HTML 辞書などに頼らなくても利用できるようにマスターしておいたほうがよい

More information

FileList Convert a pdf file!

FileList Convert a pdf file! Tamadaigakufuzokuhijirigaokac yugakukoutougakkoupasocom butamadaigakufuzokuhijirigaok acyugakukoutougakkoupasoco mbutamadaigakufuzokuhijiriga 2009 09 20 21 okacyugakukoutougakkoupaso combutamadaigakufuzokuhijiri

More information