約 4,193,608 件
https://w.atwiki.jp/water28/pages/79.html
HTML5基本構造 HTML5の基礎組み立て DOCTYPE 宣言（DOCTYPE スイッチ） HTML5基本構造 参考サイト：http //www.htmq.com/html5/002.shtml より明確に文書構造を示すことができる フォームの入力補助やチェック機能を属性で指定できる 動画や音声データをHTMLからシンプルに扱える APIの追加により、ウェブアプリケーションが構築しやすくなる HTML5で追加される予定の要素（タグ） HTML5で廃止される予定の要素（タグ） HTML5の基礎組み立て !DOCTYPE html html lang="ja" [[head]] title TAG Design /title !-- 文字コード -- meta http-equiv="Content-Type" content="text/html; charset=utf-8" !-- 検索キーワード -- meta name="keywords" content="keyword1,keyword2" !-- サイト説明文 -- meta name="description" content="This is test page !" !-- 作者情報 -- meta name="author" content="miyoshi" !-- 著作権情報 -- meta name="copyright" content="miyoshi" !-- css外部参照 -- link rel="stylesheet" type="text/css" href="../css/style.css" !-- google api - jquery -- script type="text/javascript" src="https //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" /script /head body div id="wrapper" [[header]] h1 TAG Design /h1 h2 ~ tag design ~ /h2 /header div id="main" ul li class="about" a href="#" About Us /a /li /ul /div footer li a href="#" 個人情報の取り扱いについて /a /li li a href="#" サイトマップ /a /li p Copyright copy; 2012 TAG Design /p /footer /div /body /html DOCTYPE 宣言（DOCTYPE スイッチ） 参考サイト：http //2xup.org/log/2007/07/27-2111 各ブラウザの DOCTYPE スイッチ対応表：http //spreadsheets.google.com/pub?key=pbrvd2wQKc03fJ5QWgYr-Cw gid=3 HTML5はDTDがいらない：http //withd.jp/web/tips/standard/3947.html?page=2 DTDwiki：http //ja.wikipedia.org/wiki/Document_Type_Definition オンの状態 standards mode (標準準拠モード) 仕様に準拠した厳格な表示モード オフの状態 quirks mode (後方 (過去) 互換モード) 仕様に準拠していない古いブラウザとの互換 css3フォーマット @import url(http //fonts.googleapis.com/css?family=Fredericka+the+Great); body, header, nav, article, aside, footer, div, ul, li, h1, h2, p { margin 0; padding 0; } body { text-align center; line-height 1.5; min-width 800px; background-color #f5f5f1; color #666666; font-family 'Fredericka the Great', cursive; font-size 62.5%; }
https://w.atwiki.jp/testlink/pages/43.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Results and Metrics /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body h1 テスト結果とメトリクス /h1 {include file="nav.tpl"} h2 スコープ /h2 p テスト結果の情報について表示します。 /p h2 有効なメトリクス /h2 h2 すべてのビルドについてプロジェクトステータスを表示します。 /h2 p このページでは、すべてのビルドに関するプロジェクトのステータスを表示します。 br / 例えば、テストケースがビルド１では成功して、次のビルド２では失敗した場合には、このページではそのテストケースは失敗として表示されます。 /p h3 ビルドステータス表示（個別） /h3 p このページでは選択されたビルド毎にテストの結果を表示します。 /p h3 ビルドステータス表示（全体） /h3 p このページでは選択されたビルトについてプロジェクトの全体のステータスを表示します。 /p h3 メトリッククエリー /h3 p ビルド、オーナー、キーワード、最終結果にもとづいて情報を表示します。 /p h3 テストケース別のステータス表示 /h3 p このページでは個々のテスト及びビルドに対するテスト結果を表示します。 /p h3 ブロックされたテストケース /h3 p このページでは現在ブロックされているテストケースのロールアップを表示します。ロールアップについては以下の例を参考にしてください。 br / 例１ ビルド１では成功したてストケースがビルド２ではブロックされた場合に表示されます。 br / 例２ ビルド１でブロックされたテストケースがビルド２では成功した場合には表示されません。 /p h3 失敗したテストケース /h3 p このページはブロックされたテストケースと同様ですが、失敗したテストケースについて表示されます。 /p h3 個別テストケースにおけるバグ /h3 p このページではプロジェクトにひもづくすべてのテストケースおよびすべてのバグについて表示します。 /p h3 テスト計画をEmailで送信 /h3 p このページでは、ユーザーがプロジェクト全体もしくは特定のビルドについてEmailで情報を送信できます。 /p /body /html
https://w.atwiki.jp/api_programming/pages/189.html
下位ページ Content HTML+CSSでの段組みレイアウト作成について div要素を回り込ませる positionで位置を決める margin, padding, width, heightwidth, height と padding, border-width の解釈を変える inline-blockでマージンを指定していないのに隙間ができる、に対処する 角丸 display table HTML+CSSでの段組みレイアウト作成について http //qiita.com/ken200/items/1fd088cf324f479e5104 div要素を回り込ませる float 回り込みの設定 positionで位置を決める position で位置を決める 親要素やinline要素 MDN-開発者向けのWeb技術-CSS HTMLクイック・リファレンス-スタイルシートリファレンス-position margin, padding, width, height width, heightで指定したサイズの上にpaddingの指定幅が乗っかる。 widthは左のボーダーから右のボーダーまでの距離をしてしているのではない。 https //zxcvbnmnbvcxz.com/css_sutudy_1/ width, height と padding, border-width の解釈を変える box-sizing の指定で、width(height)の値を、"content" + "padding" + "border-width" とすることができる。 MDN box-sizing http //www.htmq.com/css3/box-sizing.shtml inline-blockでマージンを指定していないのに隙間ができる、に対処する 原因：スペース、改行コードを表示する文字として認識してしまう。 対策 文字サイズを一時的に（＝親要素を）0にするそして、実際に表示させるところで、文字サイズを戻す html文書にスペースを入れない cssでletter-spacingを調整する 閉じタグを入れない次のタグが現れるまでがbox要素と認識されるから？ https //webledge-blog.com/inline-block-sukima/ 角丸 border-radius http //www.htmq.com/css3/border-radius.shtml display table table でレイアウトを作る https //app.codegrid.net/entry/css-table-1 使うべきでない、という記事も。 https //qiita.com/sawadays0118/items/4c329fd05cdff14ffebc
https://w.atwiki.jp/nicepaper/pages/70.html
HTMLとCSSについての記事一覧です。 目次 HTML5とCSS3とは HTML5の宣言文 html5+css3で基本的なページをつくってみよう！① html5+css3で基本的なページをつくってみよう！② headに入れる要素について HTML５で登場する新タグ(新要素) header margin、border、paddingの違いについて CSSのリセット 擬似要素before,afterの使い方 各ブラウザにおけるcss内のfont-familyの挙動 文中の文字の一部のみを指定する場合 HTML5でのタグ使用の注意点 インライン要素とブロックレベル要素（ブロック要素） CSSでmarginプロパティが効かない時の対策 boxの配置方法 divのboxの上にさらにboxを追加し、回転させる tableとlistについて レスポンシブWebデザインについて HTMLとCSSで使う数字の単位の関係 HTMLの細かい文法事項 CSS3の基本 テキストに影を付けるtext-shadow ベンダープレフィックスとは CSSで角丸にするborder-radius URLを使って特定のファイル閲覧(絶対パスと相対パス) CSSで見出しデザイン1 CSSで見出しデザイン2 Googleマップ、YouTube、電話番号(スマートフォン用)を埋め込む方法 表(table)の作り方 背景画像をブラウザいっぱいに表示しているCSS記述方法 CSSでグラデーションその1 CSSデザインのための色の基礎知識 CSSでページを常に中央に表示させて、拡大縮小しても崩れないようにする。 CSS3で画像をフェードインさせたりする。 画像(ボタンの画像)を使用したメニューの作成 font-family(フォントの種類) CSSのline-heightで単位を指定してはいけないのか？ 疑似要素 まとめ CSS3で画像を領域内に上下中央でフィットさせる方法 CSSで文字やテキストを上下中央の中心揃えにする方法 vertical-alignが効かないときの対策 CSSを確実に読み込む方法 ふんわりと色を変えることができるtransitionプロパティ transformプロパティ 段組みに関するCSSプロパティ CSSでのid名やclass名の付け方 レスポンシブデザインとスマホで確認した時の落とし穴 簡単なformの作り方 CSSで直下の子要素のみに適用させたい場合の記述方法 liタグの中にddが複数ある際の改行処理～インデントを1つ目のddに揃えたい～ シマシマのテーブルを作る。 CSSでフォントを指定する CSSでフォントをちょっとした工夫をして見やすくするver1 CSSでフォントをちょっとした工夫をして見やすくするver2 CSSでフォントをちょっとした工夫をして見やすくするver3 黄金比でフォントサイズをデザインする リスト横並びデザイン1 sectionタグで読み込むCSSを限定する 今風のfont-familyをあつめてみた CSSでclearfix CSSで隣接セレクタを使い、見出しタグ(h1)タグとpタグの間を設定する CSS3のarticleタグと隣接セレクターを使って間隔を調整 HTMLで文字を実体参照する。 TwitterをHTMLに埋め込む方法 レスポンシブWEBデザインテンプレート（スタイルシートで複数記述編） HTMLとCSSで進捗バーを作る1 HTMLとCSSで進捗バーを作る2 HTMLタグをデバイスごとに、javascriptとjQueryで振り分け WEB制作のためのIE対策1～バージョンごとの表示を確認する～ CSSで縦書き開発1 CSSで縦書き開発2～PHPとHTML5とCSS3で漢字学習システムのレイアウト作り～ 他カテゴリと混在のもの WEBの画像をラスターデータからベクターデータにする HTMLタグをデバイスごとに、javascriptとjQueryで振り分け
https://w.atwiki.jp/cz8686/pages/17.html
[HTML] ヘッダ部記述 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" HTML HEAD META HTTP-EQUIV="Pragma" CONTENT="no-cache" META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-revalidate" META HTTP-EQUIV="Expires" CONTENT="0" META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS" TITLE ページタイトル /TITLE /HEAD [HTML] 表示バー table width="480" border="0" cellspacing="0" cellpadding="5" tr td height="50" width="15" bgcolor="#0000CC" /td td height="50" width="385" bgcolor="#CCCCFF" font size="3" b こんな感じで表示 /b /font /td /tr /table [HTML]作成者フッター TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" TR TD ALIGN="RIGHT" HR Copyright(C)なんとか会社, Ltd. 2008. All rights reserved. /TD /TR /TABLE
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは？ /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年！（ｷﾘｯ!!）byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by[[糸申士]] br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…？ /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ！ /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/jasagiri/pages/68.html
RFC：http //www5d.biglobe.ne.jp/~stssk/rfcjlist.html 規格対応エレメント表 http //meiert.com/en/indices/html-elements/ html5 http //www.html5.jp/ URI-Templates http //bitworking.org/projects/URI-Templates/ http //builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/ StatusCode http //www.studyinghttp.net/status_code http //thoughtpad.net/alan-dean/http-headers-status.html http //d.hatena.ne.jp/IwamotoTakashi/20090429/p1 REST 何がRESTを良くするか：http //www.infoq.com/jp/news/2008/11/rest-api RESTfullなアプリケーションを記述する：http //www.infoq.com/jp/articles/subbu-allamaraju-rest REST API デザイン http //www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx OpenID：http //code.google.com/p/openidengine/ ：http //www.atmarkit.co.jp/fsecurity/rensai/openid01/openid01.html ：http //www.goodpic.com/mt/archives2/2008/01/openid_oauth.html ：http //d.hatena.ne.jp/lyokato/20080816/1218866900 OAuth：http //www.atmarkit.co.jp/fsecurity/special/106oauth/oauth01.html
https://w.atwiki.jp/san-serriffe/pages/11.html
サンセリフ こんにちは。SUGPA長官のEm En Pointです。 本ページは、ページのhtmlによる直接編集の試験の為に作成されています。 今後の方針 今後、軍事部@wikiのページも変更して、html化していけるよう、努力及び依頼をする予定です。 御迷惑をお掛けするかもしれませんが、 御指導御鞭撻の程宜しく御願い致します。
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/api_programming/pages/112.html
下位ページ Content 色好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp 4色で構成された配色パターンを集めたサイト「LOL Colors」 ランダムにさまざまな色を提案してくれるサイト「Colovely」 http //www.lifehacker.jp/2016/05/160526color_scheme.html 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 色 CSS色見本 配色 - http //www.uipalette.net/ 好きな色のグラデーションをCSSで表現してくれるサイト「Blend」 - lifehacker.jp Blend スイススタイルの色が手に入るサイト「Swiss Style Color Picker」 - lifehacker.jp swiss style color picker 人気のある配色パターンが探せるサービス「PLTTS」 - lifehacker.jp http //pltts.me/ 指定した画像に使われている色からカラーパレットを作るサイト「ColorFavs」- lifehacker.jp colorfabs 4色で構成された配色パターンを集めたサイト「LOL Colors」 Lol Colors ランダムにさまざまな色を提案してくれるサイト「Colovely」 colovely http //www.lifehacker.jp/2016/05/160526color_scheme.html https //dribbble.com/colors/c74b16 http //designspiration.net/ 指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 http //colorschemr.com/