主に管理人の学校生活とPCゲームのプレイ記録。戯言まみれ。というか最近腐り気味。
※音楽は自動で流れます、音量にご注意下さい(MIDI形式)
※初めての方、通い慣れていない方、良く分からない方はまず左メニューのInfomationを御覧下さい。
Infomation
Counter

Profile

蒼天葵

Author:蒼天葵

SeraphicBlue

白と黒は対置するモノでなく、
生と死は相対するモノでなく、
愛と憎は対比するモノでなく、
有と無は対照するモノでなく、
総ては同等にして対等。

毎日が夢で、現に生き。
苦と楽を味わいつつ。
裏をかいて表に晒す。
終を探して始をせず。
唯抱くのは寂と虚。

蒼い世界を見つめ続け。
愚者のその名は戯言遣い。

※※※※※※※※※※※※※※※

当ブログはリンクフリーですが、
御報告いただいた場合は相互しに行くかもですヽ(゚∀゚)ハ(゚∀゚)ノ
バナーは此方のをお使い下さい

Calendar
04 | 2017/05 | 06
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
NewEntry
NewComment
Category
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【--.--.--】 スポンサー広告
Thepostscript.
―――しまった、追記。



WEBで使う色は、専用の色見本サイトがあります。
その一つとして、、、あるサイトを上げておきますね。

色見本サイト

先程紹介したタグの“*”の部分に#○○○○○○或いは英語の色名を入れれば適用されます。
スポンサーサイト
Updating after a long time.
―――久々の更新。


いあー、、、なんというか長らく留守にしてましたって感じです(´・ω・`)
更新待ってた人、、、申し訳ないorz(え、いない?そっか(´・ω・`)


文字の大きさ、位置指定とくれば、次は文字や背景色の付け方でしょうか?
例1

~ソース~

<html>
<head>
<title>色見本</title>
<body bgcolor="#6495ed" text="#191970">
</head>
<body>
色見本:サンプル1<br><br><br>
文字の場合は部分的に色を変えることもできます。<br><br>
<font color="#b0e0e6">色見本</font>:サンプル2<br><br><br>
また、サイズ変更のタグと組み合わせることもできます。<br><br>
<font size="5" color="#b0e0e6">色見本</font>:サンプル3<br><br>
</body>
</html><br><br>
まず、<body bgcolor="*" text="*">で背景色と、基本使う文字色を設定しています。(*の部分には使いたい色を指定します)
bgcolorは背景色、textは文字って意味ですが。

部分的に文字の色を変えたい場合は、<font color="*">文章を入れる</font>のタグを使います。(*の部分には使いたい色を指定します)
つまり、FONTタグで色を変えたい文字を挟むんですが、、、この形。見覚え有りますね。
文字のサイズ変更でもFONTタグを使うことがあるのです。
だから、サンプル3のように、サイズ変更+色変更を同時に行うこともできるのです。
It is hot ...
―――暑い・・・。



皆様コニチワワ!U・ω・)ノ毎日暑いデスねぇ。
管理人は最近バテ気味なのか、お弁当を毎日のように残す始末ですorz
中学校では一度もなかったのに・・・皆様はお気を付けて。

さて、今回は前回に書くべきだったことを(汗
位置の指定方法についてです。
例えばこんなの↓

例1

普通打った文章をそのままブラウザで表示すると左寄り(一番上のがそう)になります。
このページのタグを全て書くと、

<html>
<head><title>万華鏡</title>
</head>
<body>
ようこそ万華鏡へ!<br>
<center>ようこそ万華鏡へ!</center><br><br><br>
<div align="left">ようこそ万華鏡へ!</div><br>
<div align="center">ようこそ万華鏡へ!</div><br>
<div align="right">ようこそ万華鏡へ!</div><br>
</body>
</html>

つまり、位置を指定するタグは文頭にdiv alignタグを使って、文末はdivで締めるという形になります。
左と中央は例外があるので、実質使うのは右揃え位かもですが。^^;

此処からが一番大事!これが一番前回に書くべきだった><
ずばり、改行のタグです!
お気づきになってる方もいらっしゃるかもですが、文を改行するタグは<br>です。
これを使わなかったらwebページはかなり見辛いモノに@@;
ぁ、でも他の手もあるんですよぅ。

例2

一番上の紹介文は普通に打った奴です。見辛いですね;
二番目が適当なところで改行したモノ。まぁ見やすいかな。
三番目が左右に余白を取ったモノです。改行する位置を決められませんが、一番上よりは見やすいかな。
このページのタグを書くと、、、

<html>
<head><title>万華鏡</title>
</head>
<body>
このサイトは、ある中学校の美術部のサイトです。主に部員が描いたイラストや、その部の卒業生が描いたイラストを展示しています。ごゆっくり御覧下さい。(お持ち帰りは禁止ですのでご了承下さい)<br><br><br>
このサイトは、ある中学校の美術部のサイトです。<br>
主に部員が描いたイラストや、その部の卒業生が描いたイラストを展示しています。<br>
ごゆっくり御覧下さい。(お持ち帰りは禁止ですのでご了承下さい)<br><br><br>
<BLOCKQUOTE>このサイトは、ある中学校の美術部のサイトです。主に部員が描いたイラストや、その部の卒業生が描いたイラストを展示しています。ごゆっくり御覧下さい。(お持ち帰りは禁止ですのでご了承下さい)</BLOCKQUOTE>
</body>
</html>

改行は先程説明しましたので、余白の説明。
左右に余白を取りたいときはblockquoteタグを使います。文頭文末の形はスタンダードなので分かりやすいかと。
ただしこの余白は長さ指定が出来ないようなので注意。

以上。( ゚∀゚)アヒャヒャヒャヒャヒャヒャヒャヒャヒャヒゴッ!!!ゴホッ!ゴホッオエェェェー!!! (吐血
Twitter
BGM
タブからお好きなBGMを選んで下さい
(厳選MIDI30+1曲)
*制作者様サイト*
(お名前をクリックすると飛びます)


いずれの楽曲も無断持ち帰り・無断転載・無断配布は厳禁です。
利用される方は各サイト様方の利用規約に従って利用される様お願いします。
Search
Links
Copyright © 2005 蒼の戯言帳。 All Rights Reserved.
Template by chocolat* // Graphic by aska & 音羽雪 // Powerd by FC2
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。