# 문제
임무: 이 연습에서는 온라인 상점에 대한 주문 폼을 작성합니다. 다음과 같은 폼의 입력 필드를 구현하세요.
1. 이름
2. 성
3. 주소
4. 이메일
5. 쿠폰
6. 입력 필드 제출
추가 임무: span을 사용하여 레이블 단어인 쿠폰을 빨간색으로 만드세요. 제출 버튼 생성도 잊지 마시구요. 평소와 같이 HTML 헤더도 만드세요.
중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다!
이에 대한 해답은 다음 강의에 있습니다.
# 내 코드
<form action="other.html">
<ol>
<li>
<label for="name">이름: </label>
<input type="text" id="name" name="name" placeholder="이름">
</li>
<br>
<li>
<label for="family_name">성: </label>
<input type="text" id="family_name" name="family_name" placeholder="성">
</li>
<br>
<li>
<label for="name">주소: </label>
<input type="text" id="name" name="name" placeholder="주소">
</li>
<br>
<li>
<label for="email">이메일: </label>
<input type="text" id="email" name="email" placeholder="이메일">
</li>
<br>
<li>
<label for="coupon"><span style="color: red;">쿠폰:</span> </label>
<input type="text" id="coupon" name="coupon" placeholder="쿠폰">
</li>
<br>
<li>
<label for="submit">입력 필드 제출: </label>
<input type="submit" id="submit" name="submit" placeholder="제출">
</li>
<br>
</ol>
</form>
1. head부분에 대한 작성은 아예 생각도 못했었다.
2. span으로 색상을 주는것에 대해서 span color= 이런식으로 했는데 안나와서 답안을 봤다.
# 답안코드
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="other.html">
<label for="name">Name</label>
<input typpe="text" id="name" name="name"><br>
<label for="surname">Surname</label>
<input typpe="text" id="surname" name="surname"><br>
<label for="address">Address</label>
<input typpe="text" id="address" name="address"><br>
<label for="email">E-Mail</label>
<input typpe="email" id="email" name="email"><br>
<label for="coupon"><span style="color:red">Coupon</span></label>
<input typpe="text" id="coupon" name="coupon"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
똑같은 html을 배워도 내가 활용이 가능하게 디테일하게 가르쳐주니 어떻게 한국 강의를 들을까 싶다...
질이 너무 떨어진다. 뭐 실력은 좋은지 모르겠지만 그건 내 알바아니고
난 배우는 입장으로써 돈을 내는 사람이니깐 배우는 것에 한에서만 말하고 싶다.
최소한 여태까지 내가 봐왔던 프로그래밍 관련 강의와 책을 통틀어서 만족스러운 디테일을 보여주신 분은 3분이 계신다.
1. 유튜버 빅공잼 님이고
2. 유데미 장남수님 (영어로 이름 기입되어있음) 따라하며 익히는 파이썬 데이터수집 마스터
3. 제로베이스 김명호님 - 파이썬, 자료구조, 알고리즘 이다.
다른분들은 약력이 뭐 하나같이 다 대기업다니고 했던데, 그냥 실력좋고 일을 잘하는거랑 가르치는건 별개임을 인정하고
제발 강의를 안하시거나 아니면 강의 대상을 경험자로 하시거나 아니면 그냥 일이나 하셨으면 좋겠다.
모르니깐 배우는거고 모를때 배우는건 디테일한 원리가 무조건적으로 필요한데 그냥 형식적인것만 알려주면 누가 할줄알겠냐;
강의 대상이 입문자인데도 디테일한 설명도 없고, 그런 설명을 해줄 의사가 없는 강사도 하나의 사기꾼이라고 봄
하... 강의료로 수백만원 (프로그래밍 한정) 날리다보니깐 개빡친다 진짜.
'Web > Html' 카테고리의 다른 글
html head영역 원리 (0) | 2022.09.28 |
---|---|
*매우매우중요 html 기초 태그5. form, input 활용 (0) | 2022.09.27 |
*매우매우중요 html 기본이자 기초 태그 4 label, input으로 데이터 전송하는 기초닦기 (0) | 2022.09.27 |
html 기본이자 기초 태그 3 table (table, thead, th, td) (0) | 2022.09.27 |
html 기본이자 기초 태그 2 div, span, img, a (0) | 2022.09.27 |