2013-07-01から1ヶ月間の記事一覧
@charset"UTF-8"; /* リセット */ body, div, ul, li { margin: 0; padding: 0; } ul { list-style: none; } a { text-decoration: none; } /* 全体 */ body { font-size: 18px; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } #nav{ fon…
@charset"UTF-8"; /* リセット */ body,img{ margin: 0; padding: 0; } /* 全体 */ img{ position: absolute; top:50%; left: 50%; margin: -40px 0 0 -50px; }
<html lang="ja"> <head> <meta charset="UTF-8"> <title>リスト</title> <link rel="stylesheet" href="style.css"> </head> <body> <ul> <li><img src="img/f3.gif" width="200" height="200"><p>画像のキャプション</p></li> <li><img src="img/f3.gif" width="200" height="200"><p>画像のキャプション</p></li> <li></li></ul></body></html>
Q.ボタンのように機能するリンクを設定しなさい A.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>ボタン</title> <link rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">a-link-skblue</a></li> <li><a href="#">a-visited-turquoise</a></li> <li><a href="#">a-hover-coral</a></li> </ul></body></html>
絶対パス(absoulute path)と相対パス(relative path)とは?HTMLにおいてイメージを表示したり、リンクを貼る場合に「ファイルのある場所」を指定します。 この指定方法が絶対パスと相対パスです。と言われても分かりづらいですよね。そもそも、パス(Path)と…
①単純な曲線の書き方 ②曲線と直線を含む線の書き方 ③連続した曲線の書き方
画像挿入 imgフォルダを作ります 英数字で名付けて画像保存 <img src="画像の場所" width="幅" height="高さ" alt="代替え文字"> リンク ■ テキストリンク <a href="移動先の住所(パス)">リンクテキスト</a> ■ 画像リンク <a href="移動先の住所(パス)"><img src="画像の場所(img)/画像の名前" width="幅" height="高さ" alt="代替え文字"></a> 画像やテキストにリンクを付けた後に target="_blank" を移動先の住所の後につけると、新しいタブでリンク先のページを開きます。 ■ メー…
■ やり方 新規を開く メニューから配置を選択 画像を選択 配置を押す前にテンプレートのボックスのみにチェックをつける ※この際、リンクのチェックは必ず外すトレースのテクニック① トレースのテクニック② 使ったテクニック Ctrl+R=ルーラー(線を消す場合は…
■ やり方 拡大・縮小ツールを選択 Ctrl+ドラッグで対象を選択 この場合アンカーポイントを対象と水平線上に置く 矢印の方向にドラッグ
はじめの設定 HTMLタグを書き始める前に、FireFoxをダウンロードする。 そして、 Html Validator(ソース画面からhtmlタグをチェックしてくれる) Web Developer() をメニューのアドオンから追加します。 ul,ol,dlとは 簡単に説明すると、 ul(unordered li…
今日のトピックは回転とリフレクト。■ リフレクトのやり方 リフレクトツールを選択 Ctrlを押しながら対象をドラッグ Altを押しながら対象の水平軸をクリック この場合は水平軸でコピー ■ 回転のやり方回転ツールを選択 Ctrlを押しながら対象をドラッグ Altを…
1日目はまず、TeraPadを使ってWebサイトの原型を作りました。TeraPadは自分のパソコンには入っていなかったけど,簡単にダウンロードできました。ここでのポイントは…TeraPadの文字コードをUTF-8に設定することのみ。■やり方 表示→オプション→文字コード