猫と遊ぶ 見習いプログラマーの備忘録

日々の学んだ事を随時更新。主にプログラム。その他いろいろ

CSS

血液型組み合わせ表 2

前回までは・・・ こんな感じで終わってました。これでは組み合わせになっていないので、今回はすこし進化させます。 本来であれば、色はわかりやすくするためのものなのであまり関係ないが、緑のA、B、AB、Oが今の位置で、 白いA、B、AB、Oが縦になっていて…

よく使われる用語たち

あらためて(遅ればせながら)、用語について記述。 【HTML】 Hyper Text Markup Languageの略。 Markupとは、タグで各々の情報に意味を持たせること。 文書に意味を与える → コンピュータに理解させる ホームページを書くときに使用する言語。 (言語ってイ…

tableタグであそんでみる

昨日、tableタグを使った時の表枠は二本線(ボーダー)での表記だった。 今回は、その表枠の表示を変えてみる。 その一、 ドットにしてみる。 枠線をドットにするCSSの書き方 table, td, th { border: 2px dotted silver; } -->色指定の直前に、dottedを…

tableタグを使ってKing&Princeを簡単表記してみる

先日ちらっとKing&Princeに触れたのと、 メンバー6人、表にするにはちょうどいいと思ったので、書いてみた。さっそく完成形のコードをみてみよう。 <html> <head> <meta charset="UTF-8"> <title>King&Prince メンバーカラー</title> <style type="text/css"> table, td, th { border: 2px solid silver; } td, th { padding: 4px; } </meta></head></html>

ホームページに画像を貼り付けてみる

ホームページに画像を表示してみよ~✊ ということで、表示画像にプロフィール写真のにゃんこを採用。 この子には名前があって(勝手に命名しました笑)、 「しょうぐんくん」と言います。(笑) とても可愛くて、お腹なでられるのが大好きな野良ちゃん。こんな…

文字だけホームページに色をつける!

さて前回は、文字だけのホームページを作成してみた。 今回は、そのホームページに色を施してみようと思う!いわば装飾。 白と黒だけじゃあ、ちょっとさみしい。簡素だし、見ていてあまり楽しくない。 なので、CSSという見た目のデザインを変える機能を加え…