絶対パスと相対パスの使い方。相対パスはこんなに便利!


■WWW(ルートフォルダ・ルートディレクトリ)
□index.html
□logo.gif

■abc(abcフォルダ・abcディレクトリ)
□01.html
□01.gif


■def(defフォルダ・defディレクトリ)
□02.html
□02.gif


■ghi(ghiフォルダ・ghiディレクトリ)
□03.html
□03.gif



■jkl(defフォルダ・jklディレクトリ)
□04.html
□04.gif



続きを読む


カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

hr要素は水平線に使うブロックレベル要素です

「空要素」になります。

<hr>



続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

img要素は画像を表示するタグです。src属性・alt属性



基本形
<img src="パス" alt="代替テキスト">

サイズ指定
width="横幅" height="高さ"




※説明のために「<」と「>」が全角になっています。ご注意下さい


続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

em要素とstrong要素の使い方。強調タグ



<em>強調</em>

<strong>より強い強調</strong>




※説明のために「<」と「>」が全角になっています。ご注意下さい


続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

h1〜h6要素 見出しタグの正しい使い方



<h1>見出し</h1>
<h2>見出し</h2>
<h3>見出し</h3>
<h4>見出し</h4>
<h5>見出し</h5>
<h6>見出し</h6>




※説明のために「<」と「>」が全角になっています。ご注意下さい


続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

br要素は改行に使用するインライン要素(空要素)



<br>・・・終了タグは無し(空要素




※説明のために「<」と「>」が全角になっています。ご注意下さい


続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

HTMLタグの基礎知識 〜HTMLは構造を作る〜

HTMLの基礎知識


HTMLとは
HTMLの意味。HTMLタグとは。
HTMLの基本構造
厳密型の「文書型宣言」について。基本要素について
言語選択・文字コード・タイトル
日本語を使うなら文字化けを防ぐ為にも正しい設定を。
要素・タグ・属性・値
タグの基本の形について。要素・空要素について
ブロックレベル要素・インライン要素
2種類の要素についての説明。正しい記述方法
絶対パスと相対パス
ファイルのパスを指定するための記述方法について
class属性とid属性
指定要素にクラス名・id名を付ける

続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

p要素は段落に使用するブロックレベル要素です



<p>内容</p>




※説明のために「<」と「>」が全角になっています。ご注意下さい


p要素段落を作るのに使用するタグです。

『 ブロックレベル要素 』になります。

続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

ブロックレベル要素とインライン要素の使い分け

image003.jpg


今から説明することはHTMLの記述のルールのようなものです。例えばブログサイトなんかだと分かりやすいかと思うのですが、それぞれのパーツ(一塊)で構成されているように見えませんか?実はこれがHTMLを記述する上で重要なことなのです。

続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

HTMLのタグとは?「要素・タグ・属性・値」について

要素
<p> あいうえお。かきくけこ。</p>
開始タグ終了タグ

(例)<br>や<img>・・・・空要素

<img src="abc.jpg" width="200" alt="テキスト">
属性属性属性

※説明のために「<」と「>」が全角になっています。ご注意下さい


HTMLタグについて解説していきます。

続きを読む
カテゴリ | HTML | このブログの読者になる | 更新情報をチェックする

About Site(サイト案内) 概要

アクセスアップ方法・アクセスアップツールを中心に紹介しています。出来るだけ易しいサイト作りを目指したいと思います。まだまだコンテンツが少ないですが確実なアクセスアップ方法を紹介しますのでどうぞ宜しくお願いします。アクセスアップ記事以外にもWeb製作のことやiPhoneのこと。ニュースなども取り上げていきます。


◆リンク
http://secretaccess.seesaa.net/
タイトルは『Digital Life -デジタルライフ-
(テキストリンクのみです)
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。