본문 바로가기

HTML34

html 문제1. form 만들기 # 문제 임무: 이 연습에서는 온라인 상점에 대한 주문 폼을 작성합니다. 다음과 같은 폼의 입력 필드를 구현하세요. 1. 이름 2. 성 3. 주소 4. 이메일 5. 쿠폰 6. 입력 필드 제출 추가 임무: span을 사용하여 레이블 단어인 쿠폰을 빨간색으로 만드세요. 제출 버튼 생성도 잊지 마시구요. 평소와 같이 HTML 헤더도 만드세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 내 코드 이름: 성: 주소: 이메일: 쿠폰: 입력 필드 제출: 1. head부분에 대한 작성은 아예 생각도 못했었다. 2. span으로 색상을 주는것에 대해서 span col.. 2022. 9. 27.
*매우매우중요 html 기본이자 기초 태그 4 label, input으로 데이터 전송하는 기초닦기 form action은 통상 생각하는 '구글폼' 뭐 그런걸로 생각하면 되겠다. 즉, 데이터를 수집할 수 있는 기반이 되는 페이지의 연동을 배우는 것이다. 따라서 매우매우중요하다고 볼 수 있겠다. # 기본 설명 First name: Last name: # 이메일, 비밀번호 정보 받기 기초 Email: Password: 2022. 9. 27.
html 기본이자 기초 태그 3 table (table, thead, th, td) # table 태그 table태그는 일종의 body와 같다. 좀 더 정확히는 columns과 rows로 이루어진 그런걸 생각하면 된다. 그리고 사용해야하는 태그가 변화한다. thead는 기존의 head다. th는 각 컬럼을 나타내는 것이다. td는 각 행을 나타낸다. 라고는 하지만 명확히 th, td의 차이점을 아직은 모르겠다. 일단 보류 더 명확하게는 내 기준에서 행은 td가 아니라 tr이다. 따라서 한칸씩 다른 줄로 변화를 주려면 tr로 감싸주어야 한다. 샘플 코드를 첨부한다. Col 1 Col 2 Col 3 entry 1 data 2 data 3 2022. 9. 27.
html 기본이자 기초 태그 2 div, span, img, a #div div는 css나 java script를 먹여줄때, 해당부분이 적용되기 쉽게끔 단락을 구분해주는 것이라고 보면 된다. 물론 div로 감싼영역을 비롯한 영역 전체를 변경하고 싶다면 당연히 필요가 없지만 사이즈가 커지면 커질수록 세분화 해서 효과를 먹이고 싶은 대상은 갈라지기 마련이다. #span span은 div보다 더 작은 단위라고 보면 된다. 이를테면 div는 보통 한줄, 한줄 단위를 구분하는데 사용하지만 span은 한줄 안에서도 구분하고 싶은 부분을 지정해서 css등의 효과를 먹이는데 사용된다. #img img는 기본적으로 이미지를 가져올때 사용이된다. 그리고 내부요소로는 src, alt이 있다. src는 해당 이미지 파일의 경로를 적는 란이고 alt는 만약 src의 경로가 잘못되었거나, r.. 2022. 9. 27.