サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
yume.hacca.jp
<div>と<span>を使い分ける <div>と<span>の違い <span>と<div>の使い方 <div>と<span>タグはそっくりのタグで、それ自身では何の意味も持たない、ただ単に範囲を示すタグです。 違うところと言えば、<div>は、前後に改行が入り、<span>には改行が入りません。この二つのタグはstyle属性を使ったり、クラスやIDでスタイルを設定させて、始めて意味性を持たせることによって、<div><span>で囲まれた範囲にデザインが適用されます。 もう少し簡単に言えば、 <div>と</div>に囲まれた範囲のデザインをこのようにしなさい、 <span>と</span>に囲まれた範囲のデザインをこのようにしなさい、 という命令をクラスやIDを使って、スタイルシートに記述したり、<div><span>タグに直接記述したりして、設定します。 <div>は、前後に改行が
スタイルシートで見出しをデザインする 見出しタグはh1 から h6 まであります。h1 が一番重要度が高く、h2、h3と重要度 は下がります。h1タグは各ページ1つしか使えませんが、 h2以降は繰り返し何度も使えます。また、見出しタグはh1から順番に使用しなければなりません。h1の次にいきなりh4、h5などを使ってはいけません。h1 h2 h3・・・と順番に使っていきましょう。 画像を使わない 定番シンプルな見出し
.sample_01{ width: 100%; border-collapse: collapse; } .sample_01 th{ width: 25%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; } .sample_01 td{ padding: 6px; background-color: #fff; border: 1px solid #b9b9b9; } <table class="sample_01"> <tbody> <tr> <th>SAMPLE01</th> <th>デザイン</th> <th>枠線</th> <th>カラー</th> </tr> <tr> <td>有料</td>
いくら右クリックやコピーを禁止しても、いろいろな手段でコピーされることは免れないようです。防御策は、しないよりはした方がいいと思うので、ちょっとは対策になるかもしれません。*^^*
色をカラーネームで指定できるカラーコード表です。 カラーネーム順はこちらから カラーをクリックすると背景色が変わり、見やすくなります。 ここをクリックで元に戻る
プルダウンメニューのリンクです サンプル(リンク先をクリックするとジャンプします。) ↓↓ ソースは下記のようになります。自分のホームページの表示したいところにコピーして下さい。 <FORM NAME="form1"> <SELECT NAME="select1" onChange="if(document.form1.select1.value){location.href=document.form1.select1.value;}"> <option> ▼ 下から選択してください</option> <option value="http://yume.hacca.jp/koiki/sample/">小粋サンプルページへ</option> <option value="http://www.yahoo.co.jp/">Yahoo Japan</option> <option value
#menu ul{ margin: 0; padding: 0; list-style: none; } #menu li{ display: inline; padding: 0; margin: 0; } #menu li a{ display: block; border: 1px solid #9F99A3; background-color: #EEEEEE; padding: 3px 10px; text-decoration: none; color: #333; width: 150px; margin: 2px 0px; text-align: left; font-size: 14px; } #menu li a:hover{ border: 1px solid #8593A9; background-color: #9EB7DD; } <div id="menu">
リストタグで作るメニューサンプル(外部スタイルシート使用) リストを横に並べるには? 各リスト項目<li>に対して float:left を適用し、各項目を左に回り込ませ横並びにします。 css/htmlソース ID "menu" の部分は任意の名前です。自分の好きな名前にしても、このままでもOKです。 初心者の方 →スタイルシートIDの名前とhtmlソースIDの名前を一致させて下さい。 横幅・フォントのサイズは、ご自分のサイトに合わせて変えて下さい。フォントサイズについてはこちらに詳細があります。
初心者の方にもわかりやすいホームページHTMLタグのサンプル集です。 あなたのホームページに少し手を加えて、ちょっと小粋なホームページにしませんか? このHPでは、ちょっと小粋なHPを作る小技・裏技を初心者の方にもわかりやすいようにHTMLタグサンプルを使って紹介しています。 簡単!タグをコピーして、貼り付けるだけです。 ☆ランキング・ホームページ無料素材探し 見やすく解りやすいホームページ作り:規約のようなもの タグをコピーしてお使いになって下さい。報告はいりませんが、リンクしていただければ嬉しいです 個別のサポートは行っておりませんので、ご了承ください。 HTMLにはいくつかのバージョンがあります。 このサイトは、現在の標準的なHTMLの仕様となっているHTML4.01対応のタグサンプル集です。HTMLバージョンには他にXHTML1.0 XHTML1.1 HTML5などがあります。 目
ホームページでボタン表示 ボタンにリンクをつける 下記のタグをホームページの表示したいところにコピーして下さい。黄色の部分を変えて下さい。
右クリック禁止のページ 右クリック禁止のページを作る いくら右クリックやコピーを禁止しても、いろいろな手段でコピーされることは免れないようです。 防御策は、しないよりはした方がいいと思うので、ちょっとは対策になるかもしれません。
黄色の部分を変えて下さい。↑↑ 1のソース 下記のソースをコピーして使用して下さい <hr width="400" size="1" color="#660066" style="border-style:dotted"> 2のソース 下記のソースをコピーして使用して下さい <hr width="400" size="2" color="#660066" style="border-style:dotted"> 3のソース 下記のソースをコピーして使用して下さい <hr width="400" size="3" color="#660066" style="border-style:dotted"> 4のソース 下記のソースをコピーして使用して下さい <hr width="400" size="4" color="#660066" style="border-style:dotted">
このページを最初にブックマークしてみませんか?
『yume.hacca.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く