c - Rakuten Inc
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
504667
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
素人珈琲
HP作成教室
ホームページ作成教室
レイアウトや文字の大きさの変え方など、私の答えられる範囲なら質問にお答えできますので、掲示板orコメントまでどうぞ。
タグに用いる"<>"の記号を普通のテキストとして用いる
<<と>>
<>の記号をWeb画面上で表示させる方法です。
画像と文字の位置調整~画像の左寄せ、右寄せ~
<align>
画像を右に寄せたり、左に寄せることが出来ます。
画像と文字の位置調整 ~画像とテキストとの間隔(横)~
<hspace>
画像と文字の間隔(横)を自由に設定できます。
文字をテロップのように動かして表示する~基本~
<marquee>
人気の文字を動かす方法ですが、なかなか指定した通りに動かすのが出来ない方のために。
文字をテロップのように動かして表示する~応用1~
<marquee>
動かすスピードを変え、ウサギとカメの競走を実演。
文字をテロップのように動かして表示する~応用2~
<marquee>
動くのは左右だけではなく、実は上下にも動かせるんですよね。
画像と文字の位置調整~回り込みを解除するには~
<br clear>
前回のalignタグで「回り込み」を説明したので、今回はその「回り込み」を解除する方法です。
画像と文字を上下に分けて表示する
<table>
画像と説明を表示できる簡単なテンプレートを用意しました。
表の線・色づけ
<table>
表の基本(罫線、セルの間隔、色づけetc.)の講義です。
表の枠について
<table>
前回と異なった方法で表の枠に色づけする方法です。
表の枠について+色について
<table>
色の表記方法についておもしろい性質を紹介します。
スクロール~基本~
<div style>
文章全体をある範囲だけの大きさに指定して、スクロールすることによって読みやすくします。
スクロール~応用1~
<div style>
こんなテンプレートが作れればブログの統一性がぐっと上がります。
スクロール~応用2~
<div style>
前回の説明の続きです。表のセルの結合方法も紹介しています。
画像や文字の上下の位置調整~文字編~
<valign>
表の各セルの文字を左上によせたり、さらに自由に文字や画像を配置できる機能の説明です。
画像や文字の上下の位置調整~画像編~
<align>
画像と文字の配置を好きにデザインするためには?
画像やテキストの上下の位置調整~画像編応用1~
<br clear>
画像と画像の並びを思い通りになるようにすることが出来ます。
画像やテキストの上下の位置調整~画像編応用2~
<align>
画像と文字を同時に使ったときの位置関係のパターン3つを紹介しています。
画像やテキストの上下の位置調整~画像編応用3~
<align>
画像と画像の上下方向の位置をバラバラに並べる方法を紹介しています。
背景に画像を持ってくる方法
<background>
アップロードした画像の使い方、また表の背景に好きな画像を使う方法を紹介。
PC画面の画像を保存して日記に載せたい
HTMLとは違うんですがよりデザイン性の高いホームページを作成するためにです。
画像に簡単に文字を書き込む
<table>
表と画像をうまくつかって画像に簡単に文字を書き込んでみます。
画像に簡単に文字を書き込む~応用~
<table>
前回の続編。画像に書き込む文字を自由に配置できます。
リンクの基本
<a href>
リンクとは、文字や画像をクリックする事で別のページにジャンプすることです。
代替テキストの入力
<alt>
代替テキストとは、画像が表示できないときに何の画像か説明するものです。
画像の大きさを自由に変える
<width>
まず画像のサイズを自由に変えてアップロードする方法を紹介します。
リンクの復習
<a href>
文字を箇条書きにし、それぞれで別のリンク先に設定します。
表の空白を埋める
<table>
表のセルに何も入れずに表を作成すると変な空白が出来ます。これの消し方。
文字をテロップのように動かして表示する~応用3~
<marquee>
スロットの目のように画像や文字が上下に動きます。
文字をテロップのように動かして表示する~応用4~
<marquee>
画像や文字を上下左右ではなく、斜めに動かします。
文字をテロップのように動かして表示する~応用5~
<marquee>
動きのスピードをなめらかにする方法です。
横線/区切り線を入れる
<hr>
横線を入れてホームページを見やすくするのも必要では?
横線/区切り線を入れる~応用~
<hr>
横線を入れる場所を自由に設定できます。
文字の基本~上付き&下付き~
<sup>
上
下
自
由
自
在
に
文
字
を
配
置
できます。
URLの入手方法
HTMLの話から少し離れますが初歩の初歩です。
アンダーバー
<u>
実はアンダーバーにも色を付けることが出来ます。
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
桜の季節・お花見の季節
「さくら Tシャツ」日本の美しい桜を…
(2024-08-10 23:20:08)
モルトウイスキーの話題
ウイスキーくじ150セット限定 福袋【…
(2024-12-02 22:00:15)
缶チューハイ大好き!
合同 NIPPON PREMIUM 山形県産ラ・…
(2024-11-30 20:23:01)
© Rakuten Group, Inc.
X
共有
Facebook
Twitter
Google +
LinkedIn
Email
Create
a Mobile Website
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
評判のトレンドアイテム情報
Hsc
人気ブログランキングへ
その他
Share by: