AKA.EVE

W3School HTML 연습문제 내용 한글 본문

교육/W3School(프로그래밍)

W3School HTML 연습문제 내용 한글

LMNTlist 2018. 6. 14. 21:14

w3school에서 html파트를

혹시라도 빨리 문제 풀고 싶고 공부하시는 분들에게 도움되시라고 간단히 내용을 번역해서 올립니다.





HTML Attributes

1. 툴팁
2. 사이즈변경
3. 하이퍼링크
4. 링크주소 변경
5. alt 설명 넣기
HTML Headings 1. 제목넣기
2. 수평선 넣기
3. 제목크기별 넣기
4. 중요도별 제목크기 설정
HTML Paragraphs 1. 단락넣기
2. end tag 넣기
3. 줄바꾸기
4. 코드 드러내기
HTML Styles 1. 단락 색 바꾸기
2. 글자체 바꾸기
3. 글자 가운데 정렬
4. 글자 크기
5. 백그라운드 컬러
6. 전체 글 가운데 정렬
HTML Formatting 1. 굵은강조
2. 이텔릭 강조
3. 하이라이트
4. 아래첨자
5. 가운데 줄긋기
HTML Quotations 1. 쌍따옴표
2. 인용문(blockquote) 들여쓰기,검색엔진 색인(cite)
3. 텍스트 방향 재 정의(dir=Left To Right ,Right To Left)
4. 커서 올려둘시 약어 설명 (툴팁과 비슷, 검색엔진 색인)
HTML Comments 1. 코드내 주석
2. 코드내 주석
HTML CSS 1. CSS를 이용한 배경색 바꾸기
2. h1,p 영역 폰트 바꾸기
3. p영역 폰트색 바꾸기
4. 각각의 p영역 보더설정 해주기
5. "special"값의 id를 마지막 p에 적용하기
6. p에 "intro"클래스를 부여하기
HTML Links 1. 앵커 문장에 하이퍼링크 적용하기
2. 온라인 경로를 내부 경로로 변경하기
3. 새창에서 링크 열게하기
4. 링크 문장에서 밑줄 빼기
5. 이미지를 하이퍼링크로 만들기
HTML Images 1. 이미지 크기 두배로 키우기
2. 이미지 크기 두배로 키우기(px)
3. 이미지를 하이퍼링크로 만들기
4. 이미지를 문장 왼쪽에 플로팅 시키기
5. 경로를 바꿔서 이미지 교환
6. 이미지에 alt 입력하기
HTML Tables 1. 표테두리 1개로 만들기
2. 표 넓이값을 지정해주기
3. 표 제목넣어주기 <table>안에 <caption>입력
4. 표 테두리 두껍게 하고 빨간색으로 만들기
5. 표안의 글들을 왼쪽정렬하기
6. 표안의 배경을 검은색 글을 흰색으로 만들기
HTML Lists 1. list에 "Coffee" 입력
2. list순서를 번호로 입력
3. list타입을 네모로 설정
4. list타입을 문자로 설정
5. dd를 이용한 설명 들여쓰기
6. id를 이용하여 메뉴를 나열하기
HTML Classes 1. <div>요소에 cities 클래스를 부여하라.
2. 글자색을 빨간색으로 만드는 special클래스를 만들고 span과 p에 부여하라
3. 패딩 20px,검정배경,흰글자 속성을 가진 cities클래스를 만들어 div요소에  부여하라.
HTML Id 1. <h1>요소에 example id를 부여하라.
2. <span>요소에 color:red의 "special" id를 부여하라.
HTML Iframe 1."https://…."과 연결되는 iframe을 만들어라
2. iframe에 폭 500px 주기
3. iframe에서 보더 없애기
4. 보더프레임 색을 빨간색으로 변경
HTML Scripts 1. 자바스크립트를 이용하여 <p>요소를 "Hello World!"로 바꿔라. 
2. 자바스크립트를 이용하여 <p>요소의 폰트사이즈를 40px로 바꿔라.
3. 자바스크립트를 이용하여 <p>요소의 배경색을 빨간색으로 바꿔라.
4. 자바스크립트를 이용하여 <p>요소의 이미지를 다른 이미지로 바꿔라
HTML Computercode 1. "var person"를 코드로 정의하라
2. code를 형식없는<pre> 텍스트로 정의하라.
3. x 를 변수로 정의하라.
HTML Form 1. HTML폼 안에서 OK버튼을 만들기
2. 남,녀 라디오버튼을 만들고 성별이라고 이름짓기
3. 제출버튼을 만들고, 이 폼을 /action_page.php로 보내기
4. 제출버튼을 누르면, "post"메소드로 제출하기
HTML Form Elements 1. "cars"라는 드롭다운 리스트를 볼보,포드,피아트,아우디를 포함하여 작성
2. textarea를 "submit"버튼 앞에 만들기
3. 버튼 위에 Click Me!라고 뜨게 만들기
HTML Input Type 1. 텍스트형식의 입력창 만들기
2. 폼 안에 제출버튼 만들기
3. 파랑과 빨강의 라디오버튼만들고 이름을 컬러라고 붙이기
4. '클릭미'라는 버튼을 만들고 누르면 헬로 월드가 알림으로 뜨게 하기
5. 최소 수량이1 최대수량이 5이고, 이름이 수량인 숫자입력창을 만들기
HTML Form Attributes 1. 시작값을 존으로 만들기
2. 입력창 비활성화하기
3. 입력창 크기를 40자로 만들기
4. 도움글로 "first name"이 나오게 하기