'html' 카테고리의 글 목록

1월19일 수업

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title> 웹 접근성의 정의 </title> <link rel="stylesheet" style="text/css..

html 2011.01.20

배경스타일을 이용한 목록의 표현

배경스타일을 이용한 목록의 표현. 예제) 다음의 내용을 만들어 보자. (첨부파일의 이미지 활용할 것) -------------------------------------------------------------------- <style type="text/css"> *{margin:0;padding:0;font-family:Dotum,Hevetica,Sans-serif} body{font-size:12px} li{list-style:none} .news{width:283px;margin:50px} .news .list1{margin-left:6px} ...

html 2011.01.16

배경색상, 배경이미지 지정

배경설정 background:색상 이미지 반복 고정 위치(좌) 위치(상); background-color:배경색상; background-image:url(이미지파일명); background-repeat:반복; (repeat | no-repeat | repeat-x | repeat-y) background-attachment:고정; (fixed | scroll) background-position:왼쪽 위쪽; 위치(left center right | top center bottom) 위치는 % 또는 px 로 설정하는 방법..

html 2011.01.16

박스모델 편집 예제

그림과 같이 편집 해보기) ----------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title> Box model... &l..

html 2011.01.16

박스모델

.box{margin:10px} top right bottom left .box{margin:10px 20px} top bottom | right left .box{margin:10px 20px 30px} top | right left | bottom .box{margin:10px 20px 30px 40px} top | right | bottom | left top 부터 시작해서 시계방향으로 적용됨. 방향을 구체적으로 지정.. .box{ margin-top:10px; margin-right:20px; margin-bottom:30px margin-left:40px } border의 경우 다양한..

html 2011.01.16

FONT, TEXT 관련 스타일 예제

폰트와 텍스트 관련 스타일들 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title> font </title> <style type="text..

html 2011.01.16

CSS 선택자의 우선순위

선택자의 종류와 우선순위 예제) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title> CSS Selector </title> <styl..

html 2011.01.16

온라인 서식예제 만들기

연습) 표시한 부분 만들어보기. (Textarea 추가) <form action="" method="post"> <p>*는 필수입력 항목입니다.</p> <fieldset> <legend>회원가입양식</legend> <p> <label for="userId" class="label"><span class="warn">*</span>아이디</label> <input type="text" id="userId" maxlength="8" /> </p> &lt..

html 2011.01.16

온라인 서식 예제 미리보기

code) <form action="" method="post"> <fieldset> <legend>로그인</legend> <p> <label for="userId">아이디</label> <input type="text" id="userId" /> </p> <p> <label for="userPass">비밀번호</label> <input type="password" id="userPass" /> </p> <p><input type="submit" value="로그인" /></p&gt..

html 2011.01.16

예제) 그림의 메인페이지 마크업 해보기

마크업 실습 예제) 참고사이트 주소 : http://www.wah.or.kr/ 코드가 원래 사이트와 같지 않아도 됩니다. 구조를 얼마나 잘 해석하느냐가 중요합니다. EXAM) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">..

html 2011.01.16

일	월	화	수	목	금	토
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

매일 도전하는 아롱

html 33

티스토리툴바