어렵다
The W3C Markup Validation Service
파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업로드가 되지 않을수도 있습니다. 이 경우에는, W3C QA 사이트의 information page 를 참고 하십시오. 직접 입력하여 유효성 검사
validator.kldp.org
Markup 검증 서비스
>유효성 검사/
all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>-</title>
<meta name="robots" content="noindex, nofollow" />
<meta name="keywords" content="-" />
<meta name="description" content="-" />
<meta name="author" content="-" />
<!-- 주석: crtl + / -->
<!-- 복사 붙여넣기 : ctrl + D -->
<!-- 원하는 영역만 주석: ctrl + shifte + / -->
<style>
table,
th,
td {
border: 1px solid #999
}
</style>
</head>
<body>
<h3>form</h3>
<form method="post" action="" name"frm">
<fieldset>
<legend>form 요소</legend>
<!--필드셋 이름-->
</fieldset>
</form>
<h3>form</h3>
<form method="post" action="" name"frm">
<fieldset>
<!--fiedset은 꼭 안넣어도 됨-->
<!-- form 요소-->
<legend>form 요소</legend>
<!--필드셋 이름-->
<label for="userName">이름</label>
<!--label작업을 해야 접급성이 높아짐 커서깜박임-->
<input type="text" id="userName" name="userNames" /><br />
<!--label명과 type의 id명은 name과 반드시 같아야함-->
<label for="userPw">비밀번호</label>
<input type="password" id="userPw" name="userPws" /> <br />
<!-- 라디오 버튼-->
<!--라디오버튼 만들때는 같이쓰려는 라디오버튼의 name="이름"이 무조건 같아야함-->
<input type="radio" name="web" id="web1_" />
<label for="web1_">웹디자인 </label>
<input type="radio" name="web" id="web2_" />
<label for="web2_">웹퍼블리셔 </label>
<input type="radio" name="web" id="web3_" />
<label for="web3_">웹프론트앤드개발 </label>
<!-- 체크 박스-->
<!--라디오버튼 만들때는 같이쓰려는 라디오버튼의 name="이름"이 무조건 같아야함-->
<input type="checkbox" name="box" id="checkbox1">
<label for="checkbox1">html</label>
<input type="checkbox" name="box" id="checkbox2">
<label for="checkbox2">css</label>
<!--셀렉트 박스 -->
<label for="web">과정 선택</label>
<select id="web" name="webs">
<option value=""> 웹디자인</option>
<option value=""> 웹퍼블리셔</option>
<option value=""> 웹프론트앤드개발</option>
<option value=""> 웹개발</option>
</select>
<label for="frmsite">산하부서 선택</label>
<select id="frmsite" name="site">
<optgroup label="행정지원국">
<!--otpqroup: 구분지어주는 그룹명, 선택은 안됨-->
<option value="">총무과</option>
<option value="">기획예산과</option>
<option value="">자치행정과</option>
</optqroup>
<optgroup label="문화광광국">
<option value="">문화과</option>
<option value="">홍보전산과</option>
<option value="">교육지원과</option>
</optqroup>
</select>
<label for="text">구매후기</label>
<!--한줄에 50자, 총 5줄 입력 가능-->
<textarea cols="50" row="5" id="text">
</textarea>
<br />
<!-- 범용 버튼: reset or sumit ///안나옴-->
<button>확인</button>
<input type="button" value="취소" name="btn" action="reset" />
<input type="button" value="전송" name="btn" action="summit" />
<!-- 이미지 버튼-->
<input type="image" src="images/login_btn1.gif" name="login" alt="로그인" title="로그인" />
<input type="text" maxlength="5" name="" size="6" />
<!--maxlength: 최대 글자수 , size: 가로 폭-->
<!-- 파일첨부&버튼--:브라우저마다 다르게 표현됨-->
<label for="file">파일 첨부</label>
<input type="file" size="60" id="file" name="datafile" />
</fieldset>
</form>
<!-- strong / em / address / addr
strong /em : 강조 역할
/ address : 주소 입력
/addr : 툴팁 나오게 함 : 잘 안씀 -->
<strong>강조 또는 중요하다를 표현할 때 굵은 폰트로 표현 </strong>
<em>강조 또는 중요하다를 표현할 때 기울임 폰트로 표현</em>
<address>서울시 종로구 미려빌딩 5층, 기울임 폰트로 표현</address>
<p>크로스브라우징은 <abbr title="internet Explore7">ie7</abbr>~<abbr title="Internet Explore11">ie11</abbr>까지의 브라우저에서 동일하게 표현되도록 작업하는 것을 말한다</p>
</body></html>
