HTML

flashをHTMLに挿入

DreamWeaverの挿入メニューから「メディア」を選択→swfで挿入したいFlashを選ぶ 実際のHTML ⇒やることいっぱいでテンパってるので明日にでも。。。。 挿入後の変化 ⇒自動で挿入されるscriptがありますが、それも明日。。。。

自家製LightBox作成

一応下記サイトを少し参考にさせていただきまして、自作しました。 まだスタイルは整っていないのでちょっと恥ずかしいですが、一応成果として載せないと土日に何をしていたんだって話になってしまうので^^; 参考にさせていただきましたサイト http://asc…

ケーキショップ

index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Wants Cake</title> <link type="text/css" rel="stylesheet" href="css/common.css" /> </link></meta></head></html>

h1とh2の入れ替え

header部のレイアウト container幅:800px <html lang="ja"> <head>/> <meta charset="UTF-8"> <title>header(1)</title> </head> <body> <div id="container"> <div id="header"> <h1>Information World</h1> <h2>Technical Information</h2> </div> </div> </body> </html> 作ったソース /* CSS Document */ *{margin:0;…

formをDWのメニューから作成する

挿入メニューの表示(CTRL+2またはウィンドウ→挿入) 今表示したメニューをフォームに変更し、フォームの項目をクリック actionをnull(#)、メソッドをpost、名前をform1で作成 同メニューを一般に変更し、テーブルを作成(幅500、6×2) ウィンドウを分割…

フォントのリセット

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;

文字コード

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">この二つの文字コードの違いは このようになっている</meta>

METAタグ

METAタグはTITLEタグより前に入れること! <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/css"></meta></meta>

HTMLタグ

html4.01 <html lang="ja"> xhtml1.0 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"></html></html>

DTD(DOCTYPE)宣言

HTML4.01aTrasitional(4.01移行版) HTML4.01Strict(4.01最終版) XHTML1.0Trasitional(移行版)

xml宣言

この宣言はDTDでxhtmlを指定した時に付ける

「Google HTML/CSS Style Guide」和訳

http://d.hatena.ne.jp/web-css-design/http://re-dzine.net/2012/05/google-htmlcss-style-guide/こちら読みました! 色々自分の今まで使ってきたルールと違うのに驚きました。 プロトコル名が省略できるのには特に驚きました。以前のブラウザとかでも認識…

自宅学習課題(4/29)

<html> <head><title>HTML02</title></head> <body> 練習課題用テキスト </body> </html>

自宅学習課題(4/28)

【HTML01】 TeraPad(mi)を起動する 管理フォルダーにこの課題用のフォルダを作成し「index.html」として保存する HTMLドキュメントとして必要な要素を入力する 練習課題用テキストを「body」内に、コピー&ペーストする(文字入力練習として入力してもOK)…

HTMLのレイアウトに使うタグ

div divタグはあまり使わないに越したことはないが、基本の文書構造はきちんと作っておく。 ⇒cssをはずした際にも意味が通るよう、重要なものは上にあるという基本を守ること。 float属性 float属性は回り込むほうはインライン要素であることが大事。 ブロッ…

【HTML04】

以下の内容をHTML文章にしてブログに載せなさい DTDは「XHTML 1.0 Strict」 DTDがわからない場合は、テキスト「上級レイアウト」を読むこと Layout Workflow NavigationA1 NavigationA2 NavigationA3 NavigationA4 NavigationA5 スタイルシートによるレイア…

【HTML02】

以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 デザインの話 物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり…

【HTML03】

以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 【HTML02】文書構造の練習 インテリアショップ a Interior インフォメーション インテリアショップ「a Interior」での商…

【HTML01】

以下の内容をHTML文章にしてブログに載せなさい サンプルなど見ないで入力すること(できるようになるまで繰り返す) DTDとmetaは不要 【HTML01】文書構造の練習 結論:大見出し 要約 結論:検証 解説 検証の項目 検証の項目 検証の項目 解説 順序のある検証…

HTMLを描くにあたってのあまり触れられない部分

DTDをマスターする DTD:Document Type Definitionの略。マークアップ言語 SGMLおよびXMLにおいて、文書構造(文書型)を定義するためのスキーマ言語の一つ。よくわからん・・・ HTMLに特化して外側からせめて見ます HTMLのDTDは現在は大きく3つ。 HTML4.01…

タグの説明

img(イメージ)タグ <img src="イメージのパス" alt="画像が存在しないときの置き換え文字列" title="tipに表示する文字列" />また、alt属性については読み上げソフトが反応する項目のため必須です。 読み上げソフトに読み込ませない場合と画像がない時に置き換え文字を見せないときはalt=""とする。 alt指定がない場合、読み上げソフトが画像部分で「空(から)…

HTML基礎 tableタグ

タグ説明 <table>テーブルの開始と終了を示すタグ <tr>テーブルの行を表すタグ。table row <th>テーブルのヘッダーを表すタグ。table header <th>テーブルのデータを表すタグ。table data(?) 枠線について tableには枠線が付けられるが、枠線については注意が必要。 枠線がテ</th></th></tr></table>…