​​​​ 코딩공부)HTML_웹표준 10일차_table,form태그

9.thead/ tfoot/ tbody : 각 셀들의 역할 별 구분

웹접근성 - 장애인에게도 보장이 가능한 장치

서두 - 결과 - 본문 순서

10.id(속성) : 제목 셀에 이름 부여

11.headers(속성) : 해당 셀의 제목셀 지정

selector{property : value}

Element

.className

#idName

a(text-decoration:none) / 글자 밑줄 안나오게하기

.line_color(coloe:red)

<a class="line_color">

#header{}

<div id="header">

Class는 하나의 페이지에서 여러 번 사용해도 되고

Id는 하나의 페이지에서 한번만 사용해야함 = unique

Id는 태그를 구분할 목적으로 사용

**입력 양식(Web Form)**

사용자가 페이지에 값을 전달하는 모든 방식

*form*

1.모든 폼 요소는 <form>~</form> 안에서 작성

2.모든 폼 요소는 반드시 이름(name AND id)작성

3.대부분의 요소는 <input> 태그로 작성(한줄만 입력 - 제목)

4.<textarea>(텍스트 영역 - 여러줄 입력 - 내용)<select>,<button>는 독립태그

<input/>

<textarea>텍스트 영역에 미리 보여질 내용</textarea>

<select>

<option>항목1</option>

<option>항목2</option>

</select>

<button>텍스트</button>

<tag property = "value">

<element(요소) attribute(속성) = "value">

*type의 속성값

1.text

2.password

3.checkbox

4.radio

5.file

6.image

7.hidden

8.submit

9.reset

10.button

8-10 <button type="submit,reset,button">TEXT</button>

한줄 : <input type="text'>

여러줄 : <textarea rows="cols"></textarea>

웹폼의 특징

- 표준화 마크업 시 - 

5.<input> 요소들은 <label>과 함께 사용

6.<input> 요소들은 <fieldset>이나 <div>안에 작성

*관련 태그(속성)

1.fieldset : 양식의 소그룹

2.legend : fieldset의 제목

<fieldset>

<legend>로그인정보</legend>

</fieldset>

3.label : 필드와 텍스트의 그룹

4. for(속성) : 연결하고자 하는 필드의 id값 작성

<form name="" action="정보보내는곳(처리할페이지)" metrhod="">

<button type="submit">

submit버튼이 입력된 내용을 action의 위치로 보내줌

form2.html

table.html

join.html