목록 리스트를 만드는 태그를 배우다. HTML CSS JavaScript HTML CSS JavaScript 사자 사자(獅子)는 아프리카와 인도에 서식하는 식육목(食肉目) 고양이과포유류이다.
Front-End/HTML
회원가입 폼 만들기 실습을 하다. Step1: 아이디/ 비번 입력 아이디 비밀번호 비밀번호 확인 Step2: 개인정보 성별 남 여 혈액형 A형 B형 O형 AB형 생일 Step3: 선호도 취미 축구 농구 야구 좋아하는 색깔 Step4: 적고 싶은 말 CSS를 배우기 전, HTML만을 사용한 회원가입 폼 만들기 실습 가로로 2칸이 최대니까 1칸으로 이루어진 것들에 전부 colspan="2" 적용 → bgcolor="gray", textarea, 제출 초기화 부분
웹 페이지에서 클라이언트에게 입력값을 받을 입력폼을 생성하는 태그를 배우다. 입력 ID PW 소속 선택 좋아하는 메뉴를 골라주세요. 마라탕 마제소바 성별을 골라주세요. 남성 여성 @gmail.com naver.com daum.net 그 외 제출 및 초기화 비밀번호 입력에서 ***로 표시되게 type의 속성값을 password로 한다. 소속의 readonly 속성은 클라이언트가 수정할 수 없게 만드는 것이다. form 안에 input 태그를 사용하여 input 태그의 typle 태그 속성값을 바꿔가며 입력받는 방식을 바꾼다. checkbox 속성값은 클라이언트가 여러 값을 선택할 수 있다. radio 속성값은 클라이언트에게 2개 이상의 선택지를 주지만 1가지만 선택할 수 있다. ex) 성별 radio 속성..
표를 만들어주는 테이블 태그를 배우다. 메뉴 가격과 장소 아메리카노 2000 Take Out 딸기 스무디 Here 이름 성별/주소 비고 황해도 남자 전주 선영표 여자 광주 정봉균 남자 순천 임휘훈 남자 광주 실습 table 태그 안에 tr 태그로 줄을 만들고 그 안에 td 태그로 1칸씩 나눈다. 병합하고 싶을 때는 rowspan 속성값으로 세로 병합, colspan 속성값으로 가로 병합할 수 있다.
텍스트나 이미지를 클릭했을 때 특정위치 or 페이지로 이동시켜 주는 앵커태그를 배우다. 네이버 Ex04_이미지 태그 페이지로 이동 상단 상단으로 이동 href(Hypertext reference) 속성에 특정 위치나 페이지 경로를 정의한다.
이미지를 넣을 수 있는 img 태그를 배우다. 이미지를 불러올 수 있는 태그 img 태그는 src, alt 속성을 가진다. src는 이미지의 경로, alt는 이미지를 불러오는데 오류가 발생했을 시 나타나는 텍스트이다. 이미지의 경로는 크게 2가지로 나뉘는데 절대 경로, 상대 경로가 있다. 절대 경로는 쉽게 이미지를 우클릭하여 이미지 주소 복붙하면 된다. 주로 사용하는 상대 경로는 내 저장소에서 이미지 파일 위치를 찾아서 입력하면 된다. 내가 쉽게 생각한 것은 한 칸씩 이동하여 가계도에서 특정 인물 찾는 것처럼 생각하니 이해가 됐다. 코드의 파일과 이미지 파일이 같은 폴더에 위치하면./를 사용해서 시작하고, 바깥 폴더에 있다면 ../를 사용해서 상위 폴더로 나가서 이동하면 된다. (자세한 내용은 코드의 주..
기본적으로 텍스트를 화면에 보여주는 태그들을 배우다. b 태그 strong 태그 i 태그 em 태그 안녕하세요 sup 안녕하세요 sub b 태그와 strong 태그는 텍스트를 굵게(Bold) 보여주는 태그이다. i 태그와 em 태그는 텍스트를 기울어지게(Italic) 보여주는 태그이다. 같은 효과를 주는 태그가 2개가 있는 이유는 strong 태그와 em 태그는 시각장애인을 위한 웹 문서를 읽어주는 프로그램을 위해 사용한다. sup 태그와 sub 태그는 첨자 태그이다. 내가 이해하기 쉽게 생각한 것은 sup 태그는 up이 들어가 있으니 위 첨자, 자연스럽게 sub는 아래 첨자가 된다.
줄바꿈 태그를 사용하지 않아도 줄이 바뀌는 태그와 아닌 태그(span)를 배우다. JS특화반-A JS특화반-A JS특화반-A JS특화반-A JS특화반-A JS특화반-A 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. 안녕하세요. 문장입니다. h1~6 숫자의 크기가 클수록 글자의 크기는 작아진다. 로 외우면 나중에 좋을지도..
