ウェブデザイン技術
この分野は難しいので詳しく時間をかけて記載いたします
試験では、JavaScriptの読み方や、camel caseのような書き方、イベントハンドラ、DOMの出題があるようです、HTML5やCSS3の問題も多く短いソースコードの誤り発見などが出ます
HTML
HTMLとは(<***>)
Webページの骨組みを作る言語、HTML4→HTML5→HTML Living Standardに変化しています
HTMLの仕様
W3C(HTML 4.01→)→ISO-HTML(ISO/IEC 15445-2000)→JIS-HTML(JIS X 4156:2000)
タグ一覧
タグ | 意味 | 例 |
<html> | HTML文章の開始 | 全体を囲む |
<head> | 頭の情報(表示させない) | タイトルや文字コード |
<body> | 画面に表示させる部分 | 本文、画像など全部ここに |
<title> | ブラウザのタブ名 | <title>テスト</title> |
<h1>~<h6> | 見出し | <h1>大見出し</h1> |
<p> | 段落(パラグラフ) | <p>文章です</p> |
<a href=””> | リンク | <a href=”https://~”>移動</a> |
<img src=””> | 画像表示 | <img src=”inu.jpg” alt=”犬”> |
<ul> <li> | 箇条書きリスト | <ul><li>1つ目</li></ul> |
<table> | 表(テーブル) | <table><tr><td>内容</td></tr></table> |
<br> | 改行 | <p>1行目<br>2行目</p> |
FTP | ファイルをサーバーとやり取りするルール | アップロード、ダウンロード、削除等 |
href(属性名) | リンク先のURL | <a>(タグ) |
alt(属性名) | 画像の代わりのテキスト | <img>(タグ) |
補足
hrefは、エイチレフと読みます(リンク先の参照情報)
brはブレイクの略で改行
<img>タグにalt属性は必須
<a>タグにhrefエイチレフ属性は必須
<a>タグの中に画像も入れられる
<table>タグは入れ子構造に注意、trが行、thが見出しセル、tbが普通セル
exampleイグザンプルは練習用に使用可能(たとえのページ)
タグに挟まれた部分をコンテンツと言います
要素(エレメント)タグとコンテンツを合わせた1式を言う
休憩画像

構造化
すべての文章に対してタグを付け役割を明確にする事をいう、(記述された物をソースコードと言う)
属性(タグだけでは足りない、属性でどうするかを指示)
<img src=”dog.jpg” alt=”柴犬画像” width=”300″>
上記には3つの属性がある(src.alt.width)
属性名 | タグ | 何を指定するか |
href | <a> | リンク先URL |
src | <img> | 画像のパス |
alt | <img> | 画像の代替テキスト |
type | <input> | 入力の種類(text,submitなど) |
value | <input> | 入力欄の初期値 |
action | <form> | フォームの送信先URL |
method | <form> | データ送信方法(GET/POST) |
neme | <input>,<form> | 項目の名前(サーバーに送り時のキー) |
コメント