ウェブデザイン技術
この分野は難しいので詳しく時間をかけて記載いたします
試験では、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>１つ目</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″>
上記には３つの属性がある（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> | 項目の名前（サーバーに送り時のキー） |
コメント