+HTMLに関するkinoppi528のブックマーク (4)

  • CSSの適用方法|CSSの基本|CSS HappyLife ZERO

    CSSの書き方が分かっても、実際に適用させなければ意味がないのでその適用方法です。 CSSを適用する方法は以下の5つがあります。 style属性を用いて、各要素に直接指定する head要素の範囲内に、style要素によって指定する head要素の範囲内で、link要素によって外部ファイルを読み込む head要素の範囲内で、@importによって外部ファイルを読み込む xml-stylesheet処理命令で外部ファイルを読み込む この中で一番頻繁に使用する方法が3番の「head要素の範囲内で、link要素によって外部ファイルを読み込む」になります。 4番は3番とほぼ同じですが、3番で事足りるのでhead要素内で読み込む場合には、あまり使う機会は無いと思います。 1番と2番は、(X)HTMLファイルに直接スタイルを適用させる方法のため、推奨されません。 特に1番に関しては、要素に直接スタイルを

  • <OL>-HTMLタグリファレンス

    <OL>タグはOrdered Listの略で、順序のあるリストを表示する際に使用します。 リストの各項目は<LI>タグを用いて記述します。 また、順序のないリスト表示には<UL>タグを使用します。 <OL>タグではtype属性により、算用数字(1,2,3,...)、アルファベット小文字(a,b,c,...)、 アルファベット大文字(A,B,C,...)、ローマ数字小文字(ⅰ,ⅱ,ⅲ,...)、 ローマ数字大文字(Ⅰ,Ⅱ,Ⅲ,...)を指定することができます。 また、start属性により開始番号を指定できます。 ■使用例 HTMLソース <h3>カレーの作り方</h3> <ol type="1"> <li>肉と野菜を炒める</li> <li>水を入れて中火で煮込む</li> <li>時々アクを取る</li> <li>カレールーを入れる</li> <li>とろみがつくまで弱火で煮込む</li>

  • HTMLで2行目以降を字下げする、または1行目だけ字上げする - ちくわぶ

    つまりは、このブログの落穂拾いの体裁ですね。これをどうやったか、という話。サンプルは右のスクリーン・ショットをご覧ください。 <br/>で改行した所も、行の文字数が多くて1行に入りきらなかった所も、改行した時は同じように1字下がります。試しにブラウザの画面の幅を狭くして、ご確認下さい。 「んなモン HTML のソース見りゃ一発じゃん」と言われたらそれまでだし、実際にソースを見ればスグわかります。ちなみに Firefox または Internet Explorer をお使いなら、 CTRL+U でソースが見えます。 仕掛けは簡単で、以下のタグで囲ってるだけです。 <div style="margin-left: 1em; text-indent: -1em;"> <p>●(狩猟採集民の)ヤノマミの間では、<br /> 成人の15%が部族間または部族内の暴力で死んでいる。</p> <p>○暴力

    HTMLで2行目以降を字下げする、または1行目だけ字上げする - ちくわぶ
  • 30分HTML

    HTMLは決して難しいものではありません。基的なことがらなら、30分で概要を理解することだって可能です。そして、その基だけで、十分ウェブページを書くことができるのです(ここでは、より広い可能性を持つXHTMLの書き方に準じて説明します)。 最初の準備 よいHTML HTMLの基形 タグとは何か タイトルを決める 分かりやすい文の構造 段落を示す 見出しをつける リストにして示す いろいろな情報の伝え方 リンクする 強調する 画像を表示する 作者情報 マーク付け言語と文字の情報 よいHTML せっかくHTMLの書き方を身につけるのですから、どうせなら「よい」HTMLを書けるようにしましょう。全ての学習と同じで、「よい」メソッドを身につけると、絶対に理解も早いしあとが楽になります。すぐにHTMLを書きたい人も、ちょっとだけ付き合ってください。 よいHTMLの条件 よい文章の条件の一つが

  • 1