CSSはHTML 内にもhead内にも書き加えることが出来る


CSSはHTML 内にもhead内にも書き加えることが出来ることは

知っておいた方が良いと思います。

 

CSSとHTMLは別ページで管理することが多いのですが、

他のページには無用なちょっとした編集であれば

HTML内に書き加えた方が良い場合があります。

 

表示スピードが早くなる場合もあります。

 

812069ac345a55b3b6b445a3294a3459_s

 

CSSは外部のスタイルシートと

リンクするものとばかり

思っていたのですが

headタグ内にも

普通のタグ内にも

書くことができるようです。

 

HTMLファイルの

見やすさや

維持管理の利便性を考えると

外部スタイルシートとの

リンクが良いのでしょうが

 

個別のページで

使うときは

タグ内に記述しても

問題無いようです。

 

ページ表示スピード検査で

指摘されたインライン化にも

関係している事項かもしれません。

 

続きを読む »

HTMLを書くつもり が実はXHTMLだったりして


 HTMLを書くつもり が実はXHTMLだったりすることが

 最近よくあります。

 

 今まで使われてきたHTMLでは市場の要求に

 応えられなくなりそうなので

 将来的にはXMLという方式に変わっていくようです。

 

 その橋渡し役としてXHTMLが登場し

 HTMLとXHTMLが混在しているのが現状のようです。

 

4631ed0692eb1cde6e83882913b76789_s

 

前回の記事で

判りにくいとろが

あったようなので

補足させてもらいます。

 

HTMLの最初の部分は

以下のような書き方をしてあることが

多いようです。

<?xml version=”1.0″ encoding=”Shift_JIS”?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<title>タイトル</title>

<link rel=”stylesheet” href=”golf.css” type=”text/css” />

</head>

続きを読む »

ブログのカラム設定 に活躍するdivタグとfloatタグ


ブログのカラム設定 にはdivタグとfloatタグを

用いることが多いです。

 

どのように使って設定していくのでしょう。

その一端に触れてみました。

 

560e1cf27f9a0f99047d5168876ddcc3_s

 

ブログのカラム設定 に活躍するdivタグとfloatタグ

 

 

ブログ作成でカラムを指定する

場合に多く使われているのが

divタグとfloatタグです。

 

今まで意味も分からずに

画像を横並びにする時

両者を使っていましたが

どのような意味を持っていたのかを

考えてみたいと思います。

続きを読む »

ブログの作り方 3カラムを設定してみた


ブログの作り方 これまでヘッダー画像を作りましたので

カラム数を3カラムにすることにしました。

 

ネット検索で調べた知識だけで

上手く成功することができるでしょうか。

 

18038823abb07deb932e3e5f3d5b5dc7_s

 

ブログの作り方 カラム数設定に挑戦

 

前回ヘッダー部を作成したのに続いて

 body部を3カラムに分けてみました。

 

他のツールのソースを参考に

しようとしたのですが

ツールごとに作成法が

異なっているようでした。

 

参考にしながらも

大部分が自分流になってしまいました。

続きを読む »

ブログの作り方基礎編 ヘッダー画像をいれてみた


ブログの作り方基礎編 として ヘッダー画像を挿入してみました。

 

メモ帳にHTMLを記述して簡単なブログの大枠が出来てしまいました。

 

そこで今回ヘッダー画像を挿入する過程を紹介します。

 

865b8c7dbaf1c427818a6e2bf3599084_s

ブログの作り方基礎編 ヘッダー画像挿入前

 

前回HTMLで簡単なブログの大枠を作りました。

 

しかしサーバーにアップロードした時に

文字化け等を起こさないよう HTMLのバージョンや

文字コードを記述しておかなければならないようです。

 

最初は書く必要はないと思っていたのですが

そういうわけにもいかないようなので

冒頭部に一般的な例を書き足して作成した

htmlを示しておきます。

続きを読む »

私が管理人です

ようこそおいでくださいました。管理人のToshikinuyoです。この名前は私の名前と妻の名前から取りました。今後とも宜しくお願いします。私の詳細については上部メニューのプロフィールからどうぞ

ブログランキング参加中です。

ラムネwordテンプレート

当ブログで使用中のテンプレート

全てのニーズに応えるWordPressテンプレート【FMテンプレート】高機能なのに型破りの低価格 ブログテンプレートの決定版です。お求めはお早めに

無料プレゼント

無料プレゼント

画像をクリックしてください。トップアフィリエイターによるアフィリエイト入門書をプレゼントします。私と一緒に頑張りませんか

コピーライティング秘伝書

無料多機能ツール

ご存知「エキスパートメール」が「エキスパ」へ社名変更したのに伴い実装した無料多機能ツール

・商品販売 ・アフィリエイト ・セミナー運営 ・顧客管理 ・webメール機能 ・チャット機能が無料で使える 高性能ツール

無料ダウンロード

Amasonランキングで一位を獲得したに人気Book 今なら無料でダウンロードできます。