HTMLの基礎知識.

Slides:



Advertisements
Similar presentations
T2V 技術 Web 製作ラボ 4/ hayashiLabo 3. T2V 技術 HTML まずは.
Advertisements

情報処理 A 第 5 回かな? ワードの使い方. 拡張子  ファイルの名前は, “ ファイル名. 拡張子 ” で付け る.  拡張子は,そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
BWD06-01 ~ 1 ~ Web デザイン基礎 坪倉、伊藤 日本文理大学 先週 – ガイダンス – Webの歴史 –HTML 基礎 今週 について(出席と課題提出) –HTML 画像、ハイパーリンク、文字書式.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
BBT大学 Ruby on Rails開発環境セットアップマニュアル
情報技術演習Ⅰ 人文学研究のための情報技術入門 2014/05/29
第11回JavaScriptゼミ セクション8-2 発表者 直江 宗紀.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
【2.12】文字装飾機能内部設計書
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
下左近研究室 ゼミ資料 ホームページの作り方(基礎編)
タグの直接入力によるウェブページの制作 練習課題1~3
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
プレゼンテーション用ソフトウェア Impress
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
HTMLの記述と WWWにおける情報公開 遠藤
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
ホームページの作り方.
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
ファイルの場所に関して.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2012/11/29
デコミュ AD GUIDE ~06
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
見た目を定義する技術 CSS(スタイルシート).
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
県立広島大学 全学共通教育科目 情報処理入門 第13回 2009年7月6日 県立広島大学 経営情報学部経営情報学科 准教授 小川 仁士.
スタイルシート C306 情報発信の基礎【第6回】.
アクセスUPを意識した効果的なページ作成のテクニック
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
コンピュータ プレゼンテーション.
経営工学基礎演習a Word第1回目.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/06
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/01
基礎プログラミング演習 第1回.
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
【2.11】文字装飾機能
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報技術演習Ⅰ 人文学研究のための情報技術入門 2011/12/01
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
第3章 第2節 ネットワークを活用した 情報の収集・発信 4 文書による情報開示
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
URLとファイルの対応 ユーザー s の Z:\www\ フォルダにある hello.html ファイル
諸連絡 USBメモリの販売について 日時:6月23日(月)授業開始前 商品:プリンストン社製32MBのUSBメモリ
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
プロジェクト演習Ⅱ インタラクティブゲーム制作
コンピュータと情報 第4回 ワードの使い方.
HP作成 そろそろまとめ編 担当:TAの人.
コンピュータ プレゼンテーション.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2016/06/09
自分で取得出来なかった人については当日申し出て下さい。
第14回放送授業.
情報スキル活用 第6週 制作技術-1 情報の記述と画面のデザイン.
第2章 HTMLの基本 2.1 HTML文書の書き方 2.2 基本的なタグ 2.3 テキスト関連のタグ 2.4 リンクタグ
キャッチコピー Works Blog Profile Works Blog Profile TOPページ 実績 ブログ 人物
Presentation transcript:

HTMLの基礎知識

① ② ③ <HTML>テキスト</HTML> 基本構成 HTMLとはHTMLタグではさむ事で任意のテキストに対し命令を実行します。 ① ② ③ <HTML>テキスト</HTML> 上記の場合は ①HTMLと言う命令を、 ②テキストに命令し、 ③テキストの後ろまで実行 というのを、命令をしている事になります。 <HTML><HTML>テキスト</HTML></HTML> こういう事も可能です。

タグの種類 リンクタグ イメージタグ リンクタグは任意のテキストに対し、指定したリンク先にジャンプする命令をします。 <a href=“リンク先”>テキスト</a> 指定したテキストをクリックすると、入力したリンク先に遷移します。 <a href=“リンク先” target=“blank”>テキスト</a> target=“blank”と記入する事でテキストをクリックすると、別ウィンドウが立ち上がりリンク席遷移します。 外部サイトに遷移する場合に使うといいです。 <a href=mailto:メールアドレス>メールアドレス</a> リンク先の中にmailto:を入力する事で、メーラに対し、メールアドレスを指定してメーラーを立ち上げます。 イメージタグ 画像を表示する為のタグです。 <img src=“画像の保管場所”> 単体で作用します。画像の大きさに注意して下さい。

タグの種類 フォント装飾タグ 指定したテキストの色、サイズ、装飾を実行します。 <font color=“#xxxxxx”>テキスト</font> 指定したテキストの色を変更します。colorの部分には別途資料を用意します。 <font size=“数字”>テキスト</font> 指定したテキストのサイズを変更します。数字は-2,-1,+1,+2の用に記入します。 <ruby>テキスト<rt>テキストルビ</ruby> 指定したテキストにルビを振り当てます。 <b>テキスト</b> 又は <strong>テキスト</strong> 指定したテキストをbold(太文字にします)、strong の方が強調が強めです。 <i>テキスト</i> 又は <em>テキスト</em> 指定したテキストを斜文にします。emの方が斜体が強めです。 </br> 改行タグです。コレは単体で作用します。