HTML学習メモ 2/7 追記

HTML学習メモ

絶賛ドットインストールにてHTML学習中です。

学習しながら気になった箇所をメモってアウトプットしておきます。

※追記していく予定です

 

❒ HTMLのコメントショートカットキー ( Ctrl + / )

❒ rel = relation (関係 )

❒ href = hypertext referece ( 参照 )

❒ Charset ( キャラセット ) 文字コードの事

❒ metaタグ = Webサイトに表示されないがSEO/ブラウザ用

 

❒ <hr> = horizontal rule ( 水平方向の罫線 )

❒ <backquote> ( 引用 )

❒ 文字実体参照　; 忘れない

　&lt; = less than (小なり)　&gt; = grater than ( 大なり )

 

❒ <pre> = preformatted

　すでに整形されたテキストをそのまま表示する

❒ <cord>

　ソースコードをそのまま表示する

※正直理解半分ぐらい

エディタに書いた際に上記コードがないと段落が付かないとかそういう表示になる(おおざっぱ）

 

❒ <ul> = un ordered list ( 順序無し )

❒ <list> = listと思いきやlist item

❒ <ol> = ordered list ( 順序有り )

 

❒ <dl> = description list ( 説明 )

❒ <dt> = ~ term ( 用語 )

❒ <dd> = ~ detail ( 詳細 )

※間違えそう

大体項目=>回答の順の記述だろうからdt=>ddの順という覚え方で良さそうではある

 

表の作成

■大枠に<table>

1⃣見出し　<thead> + { <th> & <tr> * n ( 行の数分 ) }

2⃣本体　　<tbody> + { <td> & <tr> * n ( 行の数分 ) } * n ( 列の数分 )

❒ <th> = table header cell

❒ <td> = table data dell

 

❒ <a> = anchor ( リンク可能な目印 )

❒ 新しいタブでリンクを開かせる場合はリンクの記述の後ろにtarget="_blank"

 

❒ リターン = エンターキーの事

※macだとリターンキーと呼ぶことがある(らしい)

教材ならエンターキーと呼ぶので問題なくない？macユーザーはリターンって言ってるのかしら・・・

 

❒ # = パウンド記号

あんま良く分からぬ・・・

アメリカのポンドから来てるらしいHTMLと何か関連するようなのは見つけられなかったから「ふーん」程度で終了

 

❒ id = 1:1 のリンクを結びつける

　　class が1:多

 

❒ 先頭へ戻る = #もしくは#top

 

❒ header,footerなどのタグ

　HTML5から登場　(timeタグも)

SEO対策とコード自体の意味が伝わりやすくなる。(伝えなくても伝わると言った意味合いも大きい)

 

❒ <article>は外部に配信するような独立したコンテンツの場合にしようすると良い

 

❒ <div><span>　とりあえずはスタイリング用のタグなんだなーという程度の理解

ここは必要あらばRareTECHの大長先生の授業を再度見返す事とする

 

❒ HTML / CSS の仕様はMDNサイトで確認

　一番信頼性がある

　公式ドキュメントという位置付けだろうか

 

ここでドットインストールHTML編終了