[Javascript] 블록, 인라인, 범용 요소 / 문단 & 테이블 & form 태그

Javascript & CSS 기본

블록, 인라인, 범용 요소에 대해

구분	블록 요소	인라인 요소	범용 요소
특징	- 줄 바꿈 속성을 가지고 있다 - 기본 너비 속성이 100% - 블록 요소를 포함할 수 없지만,   예외인 요소도 존재 - 인라인 요소를 포함할 수 있다.	- 줄 바꿈 속성이 없다 - 내용만큼 너비가 유지 - 너비와 높이의 속성을   사용할 수 없다 - 블록요소를 포함할 수 없으며,   인라인 요소는 포함될수 있다.	- 블록 요소임에도 불구하고   모든 요소를 포함할 수 있다.
종류	<h1~h6>, <p>, <address>, <blockquote>, <ul>, <li>, <ol>, <dl>, <dt>, <dd>, <div>	<q>, <em>, <strong>, <abbr>, <acronym>, <sup>,<sub>,<img>,<a>, <map>,<area>,<span>	<div>, <li>, <dd>, <address>(p 요소만 가능)

 

문단 태그 일부

종류	설명	종류	설명
<h1>~<h6>	제목 요소: 숫자가 적을 수록 큰 제목	<img>	이미지
<p>	단락 구분	<a>	링크
<hr>	구분선	<map>	맵 선언
<q>	짧은 인용 문구	<blockquote>	긴 인용 문구
<div>	범용 그룹화	<li>	목록

 

테이블 태그와 속성 일부

종류	설명	속성
<table>	표의 시작과 종료	width , border , summary , cellspacing
<tr>	한행의 시작과 종료
<th>	제목 열 (cell)	scope = col , row
<td>	데이터 열 (cell)	rowspan , colspan
<caption>	표 제목
<colgroup>	열 그룹 시작과 종료
<col>	열 그룹 설정	width
<thread>	표 머리 영역 (셀 제목 영역)
<tbody>	표 본문 영역 (데이터 영역)
<tfoot>	표 바닥 영역 (통계, 합계 등)

 

form 태그 & 속성

종류	설명	속성
<form>	입력 양식 영역 (전송역할)	name, method = get, post , action
<fieldset>	입력요소 그룹화
<legend>	그룹 제목
<input>	입력 요소	type = text, password, checkbox, radio, submit    reset, image (이미지버튼) , file (파일첨부)    button (범용 버튼)    hidden (화면표시 안됨, 숨긴값을 전송할 때) value , name , id [name, id는 같게 만드는걸 추천]
<label>	입력 요소 제목	for (입력요소 아이디와 일치해야 함)
<textarea>	여러 줄 글 상자	rows , cols
<select>	선택 상자
<option>	선택 상자 옵션	value