忍者ブログ

からすまる日誌

20191030_01 ベクター画像(SVG形式)

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

20191030_01 ベクター画像(SVG形式)

(続き)
絶対パスと相対パス

スタイルの書き方3つ
 
1.外部ファイルを呼び出す
2.<style></style>で囲まれた中に書く
3.スタイル属性を直接書く(インライン)(一番優先される。これはHTML5ではあまりやらないように。)
<h1 style="color:blue">
 
⭐セレクタ(どこに適用されるのか)、プロパティ、コロン、値、セミコロンという流れで記述する。、
セレクタ→
body{
}
プロパティと値→
background:gray;
 
lang
→属性
基本的に属性は半角あけてから記述し、イコールと""で値を設定する。
<html lang="ja">
 
<html>の子供には頭と体が必要
<head>
→基本的にサイトの設定を書いていく。
ここに<meta>タグと<title>タグを書く。
<meta>タグでキャラクターセット(文字コード)の設定をしましょう。
<meta>タグは終了タグを必要としない。
 
<body>
 

画像
 
画像のスライドはJavaScriptでもCSSでもできるらしい。
⭐ビットマップ画像:
いわゆるjpegやpng。ドットで構成されているので引き延ばすと画像が荒れる。
 
⭐ベクター画像:
座標を指定して描画する。
いわゆるイラストレーターでやるやつ。
引き延ばしても画像が荒れない。
会社のロゴなんかはこれで作る。
SVG形式という(Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)
HTML5から扱えるようになった。
PR

コメント

ブログ内検索

カレンダー

03 2025/04 05
S M T W T F S
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