HTML&CSSS CSSで表組みを作ってみた。
htmlの表組みってかなり面倒EXCELを使い慣れているせいもあり、htmlでの表組みは結構面倒。セルの罫線設定にはじまり、文字のセル内の位置設定や塗りの設定などなど。なので、この作業を少しでも軽減すべく、CSSに挑戦してみました。表組みの...
HTML&CSSS
HTML&CSSS 
HTML&CSSS ＜span＞タグと＜div＞タグの違いがようやくわかった
<span>タグは文中で装飾ブログを書いていると、ココは強調したい一文というのが出てくる。背景色をつけたり、文字色を変えてみたり。DTPではあっさりできるのに、ことhtmlとなると話は別。結構苦労しましたが、何とかできました。<span c...
HTML&CSSS 「引用」のスタイルがイマイチなので、色々と変えてみた
初期設定の引用スタイル文字に斜体がかかって見づらい、加えて明朝体。どれも好みに合わないので、Webクリエイターボックスさん の記事を参考にCSSをいじくり、変更しました。こちらが初期設定のコード blockquote { font-fami...
HTML&CSSS CSSのabsoluteとrelativeの違いとは
cssのポジションを本で見るとabsolurte：絶対位置への配置relative：相対位置への配置となっていますが、そもそも言葉の意味がわからずで開いた本を閉じたくなりましたが、実際に試してみて何となくわかった気がしたので、まとめました。...
HTML&CSSS 線との間隔調整にも使える「line-height」
CSSのLine-height」とは見出しの飾りとして、左頭に実線、下部に破線を設定。が、テキストと下部の破線との間隔がどうも開きすぎて気になる。Paddingで調整するも、全然だめ。天地が幅広になるだけで改善されない。ということで、lin...
HTML&CSSS CSSのお勉強 Padding
余白設定。Padding文字周りの空きを調整してくれる機能だと思います。四方、個別に設定できるので、便利です。四方にPadding:10px左 Padding：10px右 Padding：10px上 Padding：10px下 Paddi...
HTML&CSSS htmlで表組みに挑戦
htmlで表組みDTP、ビジネスドキュメントでは、必ずと言っていいほど出てくる表組み。エクセルを使えばサクッと作れるのに、htmlとなると、全くの経験なし。ということで、作ってみました。自分の中での基本形 <table>大枠を決めるタグ。親...
HTML&CSSS 生れて初めてJavascriptを書いてみた
ハードル高いぜよtmlをかじり、CSSをかじり、どれも中途半端な状態。いかんなとは思いつつも、未経験のJavascriptに挑戦。挑戦してみたら小さな感動がありました。使用ブラウザーとバージョン表示コードは、こんな感じ。<p><script...
HTML&CSSS IEとFirefoxdeCSSの表示が異なる件
<head>～<／head>に書き込み外部リンク扱いでCSSファイルを扱っていましたが、htmlファイル内に直にCSSを書き込むことは未経験だたため、早速挑戦。<!-- -->の表記内にCSSを書き込む。これで囲むことで、表には表示されない...
HTML&CSSS サイトの基本情報、head内のタグを整理
メタ情報って何？仕事の中で、メタ情報という言葉が飛び交うが、全く持って内容を理解せずに使っていたことに反省し、HTMLタグのおさらいを兼ねて、一からお勉強文字化け防止タグ<meta https-equiv="content-type" co...