일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- exercise
- 스위트포테이토롤
- 롤만들기
- 잘크톤
- 아와세즈
- 김정중강사
- html
- 일식
- 와사비개는법
- 한글
- 초만들기
- 일식 학원 추천
- w3school
- 일식쉐프마스터
- 내용
- 밥을 잘안먹는 아이
- 타츠원
- 롤
- 요리학원
- 일식학원
- 키작은아이
- 캘리포니아롤
- 와사비
- 페이다파우더
- 쉐프마스터
- 초밥
- 연습문제
- 필라델피아롤
- 키성장
Archives
- Today
- Total
AKA.EVE
W3School HTML 연습문제 내용 한글 본문
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"이 나오게 하기 |
'교육 > W3School(프로그래밍)' 카테고리의 다른 글
w3school로 HTML 일주일만에 끝내기 공부 법(초급프로그래밍) (0) | 2018.06.25 |
---|---|
HTML의 개요 (0) | 2018.06.15 |
프로그램을 처음 배우기 좋은 W3School (현업 개발자 추천 " )/ (0) | 2018.06.14 |