アプリ 1ページレスポンシブ

マークアップHTMLタグとフォーマット

2月 12, 2016 フェイムテーマ 0 コメント

見出し

ヘッダー1

ヘッダー2

ヘッダー3

ヘッダー4

ヘッダー5

ヘッダー6

ブロック引用

一行ブロッククオート：

ハングリーであれ。愚かであれ。

引用参照を持つ複数行のブロッククオート：

集中とは、集中しなければならないことにイエスと言うことだと思われている。しかし、それはまったく違う。他にある100の良いアイデアにノーと言うことだ。慎重に選ばなければならない。私は実際、やったことと同じくらい、やっていないことを誇りに思っている。イノベーションとは、1,000のことにノーと言うことだ。

スティーブ・ジョブズ - アップル・ワールドワイド・デベロッパーズ・カンファレンス（1997年

テーブル

従業員	給与
ジョン・ドウ	$1	スティーブ・ジョブズの給料はそれだけで十分だったからだ。
ジェーン・ドウ	$100K	彼女のブログのためにね。
フレッド・ブログス	$100M	百聞は一見にしかず。だからジェーン×1,000。
ジェーン・ブログス	$100B	あんな髪で？もういい...

定義リスト

定義一覧タイトル: 定義リスト分割。
スタートアップ: スタートアップ企業や新興企業とは、再現可能で拡張性のあるビジネスモデルを模索するために作られた企業や一時的な組織のことである。
#ダウワーク: ロブ・ディルデックと彼のボディガードであるクリストファー・"ビッグ・ブラック"・ボイキンスによる造語である。
ライブでやる: ビル・オライリーに任せよう。説明するこれだ。

順序なしリスト（入れ子）

リスト項目1
- リスト項目1
  - リスト項目1
  - リスト項目2
  - リスト項目3
  - リスト項目4
- リスト項目2
- リスト項目3
- リスト項目4
リスト項目2
リスト項目3
リスト項目4

順序付きリスト（入れ子）

リスト項目1
1. リスト項目1
  1. リスト項目1
  2. リスト項目2
  3. リスト項目3
  4. リスト項目4
2. リスト項目2
3. リスト項目3
4. リスト項目4
リスト項目2
リスト項目3
リスト項目4

HTMLタグ

これらのサポートされているタグはWordPress.comのコードから来ています。よくあるご質問.

住所タグ

1 無限ループ
クパチーノ, CA 95014
米国

アンカータグ（別名リンク）

これはその一例である。リンク.

略語タグ

略語本当には「真剣に」を意味する。

頭字語タグHTML5では非推奨)

頭字語 FTW は「勝利のために」を意味する。

ビッグタグ (HTML5では非推奨)

これらのテストは大きいというタグがありますが、このタグはHTML5ではサポートされなくなりました。

引用タグ

"コードは詩である"-オートマティック

コードタグ

このテストの後半で、次のことがわかるだろう。 word-wrap: break-word； が親友になる。

タグの削除

このタグを使えば、次のことができる。 ~~ストライクアウトテキスト~~しかし、このタグはHTML5ではサポートされなくなりました。 <ストライク 代わりに)。

タグの強調

emphasizeタグは次のようにする。 イタリック体 テキスト

タグの挿入

このタグは、次のように記述する。挿入テキスト

キーボードタグ

このあまり知られていないタグは キーボードテキストのようなスタイルが一般的だ。 <コード タグを付けている。

プリフォーマット・タグ

このタグは大きなコード・ブロックをスタイルする。

.post-title {
	margin: 0 0 5px；
	font-weight: bold；
	font-size: 38px；
	line-height: 1.2；
	PREタグがどのように処理するのか、そしてどのようにオーバーフローするのかを確認するために、本当に、本当に、本当に、本当に、本当に長いテキストを1行書いてみましょう；
}

引用タグ

開発者、開発者、開発者...。 -スティーブ・バルマー

ストライクタグ (HTML5では非推奨)

このタグは次のように表示される。取り消し線付きテキスト

ストロングタグ

このタグは次のように表示される。大胆 テキスト

添え字タグ

Hでサイエンス・スタイリング₂O "が "2 "を押し下げるはずだ。

上付き文字タグ

科学とアイザック・ニュートンのE=MCにこだわる²これで2は持ち上がるはずだ。

テレタイプタグ (HTML5では非推奨)

このめったに使われないタグは テレタイプテキストのようなスタイルが一般的だ。 <コード タグを付けている。

可変タグ

これにより、以下のような表記が可能になる。 変数.

レスポンシブ

マークアップテキストの整列

2月 12, 2016 フェイムテーマ 0 コメント

デフォルト

これは段落である。いかなる整列もあってはならない。通常期待されるような流れでなければならない。派手さはない。ただまっすぐな文章で、自由な流れで、愛を込めて。完全に中立で、どちらかを選んだり、柵の上に座ったりしない。ただありのまま。ただありのまま。それが好きなんだ。どちらかを選ばなければならないとは感じていない。放っておけばいい。その方がいい。私を信じて。

左揃え

これは段落です。左寄せになっている。このため、少し自由な見方をしている。好きな色は緑です。左寄せの方が環境に優しい傾向があるが、本当にそうであるという具体的な証拠はない。富を均等に分配するのが好きだが、均等な分配は正当化されたアライメントに委ねられている。

中央揃え

これは段落です。中央揃えです。センターは、しかし本質的には、フェンスシッターである。フリップフロッパー。なかなか決心がつかない。どちらかを選びたがる。本当にそうだ。それは最善の意図を持っているが、助けるよりも問題を複雑にする傾向がある。あなたにできることは、なんとか味方につけて、最善を尽くすことだ。センター・アラインは賄賂を受け取るそうですね。

右揃え

これは段落です。右寄せです。少し保守的な見方をしている。何をすべきか、どのようにすべきかを指示されないことを好む。右寄りは銃をたくさん持っていて、練習のために射撃場に行くのが好きだ。それはそれでクールだ。つまり、少なくともフットボール場4、5個分の距離からは、かなりの射撃の腕前だ。その通り。ボス

ジャスティファイ・アライン

これは段落である。ジャスティン・ティンバーレイクを連想させると、本当に腹が立つ。ジャスティン・ティンバーレイクを連想させると本当に腹が立つ。一般的に、ジャスティファイドはかなり素直だ。ジャスティファイドは、他のアライメントと違って、すべてが定位置にあることを好みます。だからといって、他のアライメントより優れているとは言わないが、よりエリート主義的な態度を取る傾向がある。

マークアップレスポンシブ

マークアップ画像の整列

1月 10, 2013 フェイムテーマ 0 コメント

画像配置へようこそ！様々な画像配置オプションの潮の満ち引きを説明するには、大海原に浮かぶ言葉にぴったりと寄り添うのが一番です。パドルを持って、始めましょう。

アライメントに関しては、ユーザーは以下のオプションから選ぶことができる。なし, 左, そうだね、 そして センター.さらに、以下のオプションもある。 サムネイル, ミディアム, 大型 & フルサイズ.

イメージ・アライメント 580x300

上の画像はたまたま中央.

この段落の残りは、150×150の画像にテキストが回り込むのを見るためのフィラーである。 左寄せ.

ご覧のように、画像の上、下、右にスペースがあるはずです。テキストが画像に沿うべきではありません。もぞもぞしているのは正しくありません。画像にもスペースが必要です。言葉のように語らせましょう。テキストに煩わされることなく、テキストに仕事をさせましょう。さらにもう一文、テキストが画像の右から画像の下にシームレスに移動しているのがわかるだろう。ここでも、文字に仕事をさせている。ミッション達成！

そして次は 巨大画像.また アライメントなし.

画像アライメント 1200x400

上の画像は幅1200pxですが、コンテンツエリアからはみ出さないようにしてください。コンテンツの流れを目に見える形で邪魔することなく、収まったままであるべきです。

画像アライメント 300x200

そして、これからは 右寄せ.もう一度言うが、画像の上、下、左には十分なスペースがあるはずだ。彼を見てごらんよ！右サイドをロックする方法。左寄りの画像に何を言われようが、君は素晴らしいよ。誰にも違うなんて言わせない。

ここで少しすると、テキストが右寄せ画像の下に回り込み始め、きれいに収まるのが見えるはずだ。まだ十分なスペースがあり、すべてがきれいに収まっているはずだ。そう・・・そんな感じだ。右揃えがこんなに気持ちいいことはない。

そして終わったと思ったら、またキャプション付きでやり直す！

580×300をいくつか見てみよう。キャプションを愛している。

上の画像はたまたま中央.キャプションにはリンクも貼ってある。

ちっぽけなキャプション。