Home

ホーム>>応用

デザインの変え方

html要素にスタイルを適用させることで、デザインを変えることが出来ます。スタイルの記述方法は複数ありますが、一番簡単なhtml要素に直接記述する方法について解説します。

スタイルの記述方法

スタイルを適用させたいhtml要素の開始タグに【style=""】を記述して【<開始タグ style="">コンテンツ</終了タグ>】とします。

例:<p style="">コンテンツ</p;>

このようにして、【""】の間にスタイルを記述することで、任意のスタイルを適用させることが出来ます。

各スタイルの記述

全てのスタイルは、【適用するスタイル:任意の指定】で一セットとなります。

例:<p style="適用するスタイル:任意の指定">

複数のスタイルを適用させる

複数のスタイルを適用させる場合は、スタイル毎に【;】で区切り、複数のスタイルを記述します。

例:<p style="任意のスタイル;任意のスタイル">

【背景色・文字色を変える】へ>>

当サイトは初めてWebサイトを作る方向けの解説サイトです。文法は抜きにして"とにかく作って出す"という事を前提に解説しています。

一度作成してみてさらに興味がわいた方は、専門の参考書を読む事をおススメします。

はじめに - Webサイトについて -

1:予め用意するもの
テキストエディタ
画像編集ソフト
2:最低限の知識
拡張子の表示
htmlタグとは
覚えるべき要素
htmlファイルの構成
htmlファイルの保存
htmlファイルの確認
Webサイトの構造とindex.html
相対パス/絶対パス
3:作成手順
【1】保存フォルダの作成
【2】htmlファイルの作成
【3】ファイルを送信
【4】完成
応用
デザインの変え方
背景色・文字色を変える
文字サイズを変える
縦横のサイズを指定する
行揃えの位置を指定する
間隔をあける
線を引く