Microsoft PowerPoint - マークアップガイドライン_ ppt [互換モード]
|
|
|
- きよはる すずがみね
- 9 years ago
- Views:
Transcription
1 COPYRIGHT 2013 CYBRiDGE CORPORATION
2 COPYRIGHT 2013 CYBRiDGE CORPORATION 2
3 TEL [] COPYRIGHT 2013 CYBRiDGE CORPORATION 3
4 XHTML XHTML 1.0 Strict XHTML 1.0 Strict <a> <abbr> <acronym> <address> <area> <b> <base> <bdo> <big> <blockquote> <body> <br> <button> <caption> <cite> <code> <col> <colgroup> <dd> <del> <dfn> <div> <dl> <dt> <em> <fieldset> <form> <h1> <h2> <h3> <h4> <h5> <h6> <head> <hr> <html> <i> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <map> <meta> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <samp> <script> <select> <small> <span> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <ul> <var> <applet> <basefont> <center> <dir> <font> <iframe> <isindex> <menu> <noframes> <s> <strike> <u> COPYRIGHT 2013 CYBRiDGE CORPORATION 4
5 XHTML XHTML <P> <p> <p>hogehoge <p>hogehoge</p> <br> <br /> " height=55 height="55" lang xml:lang lang="ja" xml:lang="ja" checkedh k d checked="checked h k d " h k d "--" <! > <!--======--> "<" "&" ">" love & peace love & peace id <a name="foo"> <a name="foo" id="foo"> head <script type="text/javascript"> <!-- <script type="text/javascript"> //<
6 HTML5 HTML5XHTML 1.0 Strict HTML5 <article> <aside> <audio> <canvas> <command> <datalist> <details> <embed> <figcaption> <figure> <footer> <header> <hgroup> <keygen> <mark> <menu> <meter> <nav> <output> <progress> <section> <source> <summary> <time> <video> <rp> <rt> <ruby> <wbr> HTML5 <acronym> <applet> <basefont> <bgsound> <big> <blink> <center> <dir> <font> <frame> <frameset> <isindex> <listing> <marquee> <nobr> <noembed> <noframes> <plaintext> <rb> <spacer> <strike> <tt> <u> <xmp> COPYRIGHT 2013 CYBRiDGE CORPORATION 6
7 HTML5 HTML <P> <p> <p>hogehoge <p>hogehoge</p> <br /> <br> " height=55 height="55" - lang lang="ja" l " "--" <! > <!--======--> "<" "&" ">" love & peace love & peace type <script type="text/javascript" src="xxx.js"></script> <script src="xxx.js"></script> COPYRIGHT 2013 CYBRiDGE CORPORATION 7
8 960px HTML5 div bodyid#wrapper ID#container ID#header header ID#navinav class.breadcrumbs ( ) SEO + ID#main#side #contents ID#main ID#side aside 250px 300px ID #footer footer t ">" acss COPYRIGHT 2013 CYBRiDGE CORPORATION 8
9 #wrapper #container #main #contents COPYRIGHT 2013 CYBRiDGE CORPORATION 9
10 JavaScript functionnameid DTD XHTML 1.0 Strict XHTML 1.0 Transitional HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <!DOCTYPE html> SEO head 1. DTD (2009 2SEO ) CSS 7. JS <head></body> COPYRIGHT 2013 CYBRiDGE CORPORATION 10
11 meta <head><meta> JavaScript CSS XHTML <meta http-equiv="content-language" content="ja" /> <meta http-equiv= equiv="content-type Type" content="text/html; text/html; charset=utf-8 8" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> HTML5 <meta charset="utf-8"> description 110 <meta name= description content= WEB " /> keywords, 5 10 <meta name= keywords" content="web,,web,web,,seo" /> viewport <meta name="viewport" content="width=device-width, de ice maximum-scale=1.0, m initial-scale=1.0, user-scalable=0"> scalable COPYRIGHT 2013 CYBRiDGE CORPORATION 11
12 OGP <meta property="og:title" content=" " /> <meta property="og:type" og:type content="" /> <meta property="og:url" content=" URL" /> <meta property="og:image" content="" /> <meta property="og:site_name" content="" /> <meta property="og:locale" content="ja_jp" /> <meta property="og:description" content=" " /> <meta property="fb:app_id" content=" ID"/> meta meta <meta name="robots" content="noindex,nofollow"> <meta name="author" content="" lang="ja" xml:lang="ja" /> <meta name="copyright" content="copyright CYBRiDGE CYBRiDGE CORPORATION." /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="sat, 31 Aug :35:42 GMT"> COPYRIGHT 2013 CYBRiDGE CORPORATION 12
13 title <head><title> () SEO title <title> </title> link RSS <link rel="index contents" href="/" title=" " /> <link rel="shortcut icon" type="image/x-icon" href= /img/favicon.ico" /> <link rel="help" href="/help/" title=" " /> <link rel="alternate" media="handheld" href=" /> RSS <link rel="alternate" type="application/rss+xml" title="rss 2.0" href=" /> <link rel="prev" href="/news/229-0" /><link rel="next" href="/news/229-2" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="alternate" hreflang="ja" href="url" /> <link rel="alternate" hreflang="en" href=" URL" /> <link rel="apple-touch-icon-precomposed" p p href= /img/apple-touch-icon.png" p g /> COPYRIGHT 2013 CYBRiDGE CORPORATION 13
14 Javascript CSS <head> HTML5 CSS <link rel="stylesheet" type="text/css" href="/css/style.css" media="all" /> Javascript <script type="text/javascript" src="/js/common.js"></script> httpshttp // <script type="text/javascript" src=" //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> COPYRIGHT 2013 CYBRiDGE CORPORATION 14
15 h <h1> <h1> <h1><h2><h3><h4><h5><h6>h SEO <h3> HTML5h <section> <h1> Google(h1 h6 table <thead> <tbody> CSSHTML table table tabletable 2 img althtml5 alt GIF alt="" width height COPYRIGHT 2013 CYBRiDGE CORPORATION 15
16 title atitle SEO <a href=" title="seo"> accesskey aaccesskey <a href="/" accesskey="0"> </a> XHTML 1.0 Strict a target="_blank""invalid" HTML5 W3C target= _blank COPYRIGHT 2013 CYBRiDGE CORPORATION 16
17 img CSS JPEG CSS Sprite CSSHTML CSS opacity GoogleCSS Googlebot XHTML HTML5 <b> <i> <strong> <em> <small> <hr>html5 COPYRIGHT 2013 CYBRiDGE CORPORATION 17
18 ( ) /../profile/ <a href="/business/"></a> () <a href=" URL URI /hogehoge.html /search?q=%42oofy URI foo/bar.html./hogehoge.html COPYRIGHT 2013 CYBRiDGE CORPORATION 18
19 HTML HTML tab 4 LF Unix <div class= section > <table> <tr> <td></td> </tr> </table> </div> Dreamweaver 1. [][] 2. [ ] 3. [ ] COPYRIGHT 2013 CYBRiDGE CORPORATION 19
![</table> </div> Dreamweaver 1. [][] 2.](/docs-images/58/20056362/images/page_19.jpg "[ ] 3.")
20 HTML () <!----> </div> </div> HTML <div id="#header"> </div> <!-- /#header --> Dreamweaver COPYRIGHT 2013 CYBRiDGE CORPORATION 20
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.........................
モール管理者マニュアル 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 編 集 ツール...
...... ...... ホームページ制作スターターズ
HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述
HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/
L03_final.indd
XHTML meta DOCTYPE XHTML XHTML XHTML XHTML XHTML a. b. c. d. XHTML Transitional 2 a. b. c. d. XHTML h1h2
コンピュータサイエンス 4. ウェブプログラミング
4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html
textbook.indd
02 XHTML+CSS part2 CSS Topics 前 回 習 得 した 基 礎 CSS を 元 に ボックス CLASS ID の 概 念 を 習 得 ボックスレイアウトを 用 いた 2 カラムのサイト 構 築 をします An Introduction to Webdesign + XHTML/CSS Coding 18 01. XHTML+CSS 2 19 20 21 22 23 24
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
コンピュータサイエンス 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 /
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.........................
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
CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/
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
3 1 5 1.1....................................... 6 1.2.......................................... 6 1.3..................................... 7 1.4.................................... 8 1.4.1.............................
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
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]
HTML教科書 HTML5レベル1読者特典
f i t a c i r t e i o H T M HTML HTML5 1 n L 90 5 s P r o f e C l a n o i s HTML HTML5 1 HTML5 2 HTML HTML5 1 1 A. GET B. TRACE C. SAVE D. PUT E. OPTIONS 2 A. Authorization B. Referer C. User-Agent D.
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....................
(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
経営論集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
p { color: yellow } div#hoge { color: green; } div.fuga { color: red; } div { color: orange; } div[id=hoge] { color: blue; } div#hoge
0序文‐1章.indd
本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft
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.............................................
¥Í¥Ã¥È¥ï¡¼¥¯¥×¥í¥°¥é¥ß¥ó¥°ÆÃÏÀ
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:
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
</BODY> </HTML> HTML HTML HTML HTML <HTML> </HTML> <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> BODY moji.htm <HTML> <HEAD> <TIT
HTML HTML.html.htm HTML HTML FTP HTML HTML HTML 1 HTML HTML HTML HTML HTML
.....
Peace & Piece Version1.0Peace & Piece 2011/12/17 ..... A-1 CV B-1 C-1 D-1 E-1 F-1 Web G-1 H-1 I-1 J-1 K-1 L-1 M-1 FAQ B-2 D-2 E-2 F-2 H-2 D-3 F-3 CMS () Web Web Web 75 85 Z Web alt SEO SEO Web
html_text
HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web
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
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
1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................
HTML 1 1 1.......................... 1 2........................... 1 3 CSS CSS.................... 2 4........................... 3 2 4 1................ 4 2..................... 6 3.....................
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1...............
1 1 1............................ 1 2............................ 1 3 HTML5 CSS3................... 2 4........................ 2 2 3 1.............................. 3 2........................... 3 3......................
CSSの基礎
Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する
Webサーバ構築と、PHPを使ったサーバソフトの開発
HTML JavaScript プログラミングの 基 本 リレーショナルデータベースと SQL コマンドの 基 本 PHP プログラミングの 基 本 PHP+PostgreSql 連 携 プログラミングの 基 本 こんなことが 出 来 るようになります 1. インターネットを 含 めた Web の 仕 組 みが 理 解 できるようになります 2. HTML や JavaScript を 使 った Web
JavaScriptプログラミング入門
JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3
XML Consortium XMLSOAWeb2.0 1 Web 1990,HTTP, HTML, URL XML HTML XHTML XML Web XMLSOAPWSDL ( ) Web2.0 Web XML+WebAPI 2 http://www.xmlconsortium.org/ http://www.amazon.co.jp/ 3 Web
to-r
to-r We re targeting a 1.0 release within the next few weeks. 1.0 IE6 jquery Mobile Sample
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................
1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................
橡ホームページの作り方
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
https://submitmail.jp/owners/login .... .. 500 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3...................
0448051 1 1 1........................... 1 2.............................. 1 2 2 1........................... 2 2...................... 3 3.................... 4 4........................ 6 5...........................
/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基
/ 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.
1 1 1............................ 1 2...................... 1 3..................... 2 4................... 2 2 4 1 CSS.......................... 4 2.......................... 4 3......................
PowerPoint プレゼンテーション
HTMLガイダンス 1 HTMLを 用 いたUI 設 定 2 色 々な 見 え 方 で 画 面 に 表 示 されるWebページ 全 て 文 字 /キャラクタで 表 現 されたデータの 集 まり HTML(Hyper Text Markup Language) パソコン 等 のインターネット 端 末 のブラウザソフトで 文 書 情 報 を 表 示 するときに 用 いられるプログラム 言 語 の 一 種
Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet
2012 Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheets CSS2 CSS3 Web Web2.0 Web3.0 Web IT Web Homepage
untitled
25 10 12 11 24 (1) 14 (2) 26 10 44 (3) (4) (5) 27 10 68 (6) (7) (8) 25 10 ( ) (1) (2) (3) ) city.yokohama.lg.jp city.yokohama.jp WEB WEB WEB WEB WEB WEB 1 25 10 WEB WEB (1) (2) (3) (4) 25 10 (1) WEB (2)