chiharu39
-
html
- ストック24
- 閲覧2812
関連する他のファイルを示すlink要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&... - ストック
-
html
- ストック23
- 閲覧4214
HTMLの型Progateサイト内のHTMLの全体構造説明を練習用にのせました。 - ストック
-
css
- ストック17
- 閲覧3219
色の使用(css)Our two colored boxes share a number of properties in common, so next we establish a class, .box, that defines those shared properties: In brief, .box establishes the size of... - ストック
-
css
- ストック3
- 閲覧1928
色の使用(css)We'll look at the CSS to create the above results a piece at a time, so we can review the interesting parts one by one. The .wrapper class is used to assign styles to th... - ストック
-
html
- ストック7
- 閲覧1679
色の使用The HTML responsible for creating the above example is shown here: This is pretty simple, using a <div> as a wrapper around the contents, which consists of two more <... - ストック
-
css
- ストック3
- 閲覧1783
要素を左右に配置/*footer-logoのfont-sizeとfloatを指定*/ 1〜4 /*footer-listのfloatを指定*/ 6〜8 /*footer-listの中のli要素のpadding-bottomを指定*/ 10〜12 - ストック
-
css
- ストック1
- 閲覧1826
ロゴとリストの配置float: rightを用いると、指定した要素を右から順に横並びにすることができます。 index.html <ul> <li>HTML</li> <li>PHP</li> <li>R... - ストック
-
css
- ストック2
- 閲覧1450
paddingをまとめて書こう指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能です。 値を4つスペース区切りで指定した場合、上下左右の順で適用されます。 値2つ... - ストック
-
css
- ストック2
- 閲覧1453
要素に余白要素に余白を作りたい場合は、paddingを用います。 「padding: 値;」とすると、上下左右全ての方向にその大きさの余白が追加されます。 html <div class="logo1"> p... - ストック
-
css
- ストック1
- 閲覧1342
floatプロパティfloatプロパティを用いることで、指定した要素を横並びにすることができます。 html <ul> <li>HTML</li> <li>PHP</li> <li>Ruby</l... - ストック
-
css
- ストック1
- 閲覧1626
ヘッダー/*header-logoの文字の大きさを、36px、floatプロパティをleftにする。 - ストック
-
html
- ストック8
- 閲覧1604
CSSの読み込みHTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。 - ストック
-
html
- ストック4
- 閲覧1667
brで改行ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ... - ストック
-
html
- ストック4
- 閲覧1521
olとliで番号付の箇条書きにulの代わりにolを使うと、箇条書きのポッチが番号になります。 - ストック
-
html
- ストック4
- 閲覧1427
ul・ol・liで箇条書きを作るHTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。 - ストック
-
html
- ストック3
- 閲覧1674
aタグでリンクをつくるaタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」... - ストック
-
html
- ストック7
- 閲覧2614
サンプルコード基礎を学んだので総括する意味で作成しました。 - ストック