본문 바로가기

html515

[HTML5 & CSS3] 숙제 (페스티벌 페이지 만들기) ▶과정 -윗부분은 4칸, 밑부분은 3칸이라서 줄 맞추기가 힘들었다 일단 사진부터 넣고 보기로함. -줄도 안맞고 사진도 크기가 들쭉날쭉. 총체적 난국. 해결방법이 도저히 생각이 안나서 한숨 자기로함 -테이블 속 테이블을 만들면 어떨까싶어서 만들어봤더니 줄이 겹친다. -한숨 자고 일어나서 생각해보니 12열로 해서 윗부분은 3개씩, 밑부분은 4개씩 병합하면 어떨까 라는 생각이 번뜩 들었다. 결과는 성공! 하지만 아직 사진크기를 해결하지 못했다. 아이콘도 넣어야하고... -사진을 배경으로 넣으니까 해결됨. 근데 가운데 줄 간격이 맞지않다. '전남 순천시' 의 사진도 짤려서 나오고... 사진을 좀 더 크게 수정했다. ▶ 완성본 -산정호수 명성산 억새꽃 축제~영광 불갑산상사화축제 칸 라인 간격이 이상해져서 고치느라.. 2021. 2. 3.

[HTML5 & CSS3] 폼 관련 태그들 - 여러 데이터 나열해 보여주기 ▶ 여러 데이터 나열해 보여주기 * , 태그 - 드롭다운 목록 만들기 사용자가 내용을 입력하는 것이 아니라 여러 옵션 중에서 선택하도록 하고 싶을 때 사용. * 태그 - 옵션끼리 묶기 드롭다운 목록에서 여러 항목들을 몇 가지 그룹으로 묶어야 할 경우에 사용. * 태그, 태그 * 태그 - 여러 줄 입력하는 텍스트 영역 만들기 ▶ 기타 다양한 폼 요소들 * 태그 - 버튼 넣기 태그는 태그 이름에서 그 역할을 알 수 있다. 태그를 사용한 버튼에는 콘텐츠를 포함할 수 있기 때문에 아이콘을 추가할 수도 있고 CSS를 이용해 원하는 형태로 꾸밀 수도 있다. 전송하기 * 태그 - 계산 결과 입력하는 값이 계산 결과라는 것을 브라우저에게 알려 준다. + = * 태그 - 진행 상태 보여주기 작업 진행 상태를 나타낼 .. 2021. 2. 2.

[HTML5 & CSS3] 상품 주문서 작성하기 // 개인정보 칸 개인 정보 이름 연락처 // 메모 칸 메 모 // 커피 체크박스 과테말라 안티구아 (100g) 개 // 주문하기, 다시 작성 버튼 -처음엔 이랬는데 css를 적용하니까 훨씬 깔끔해졌다. 상품 주문서 개인 정보 이름 연락처 배송지 정보 주소 전화번호 메 모 주문 정보 과테말라 안티구아 (100g) 개 인도네시아 만델링 (100g) 개 탐라는도다(블렌딩) (100g) 개 2021. 1. 30.

[HTML5 & CSS3] <input> 태그의 다양한 속성 ▶ 태그의 다양한 속성 * autofocus 속성 - 입력 커서 표시하기 * placeholder 속성 - 힌트 표시하기 사용자가 텍스트를 입력할 때 도움이 되도록 입력란에는 적당한 힌트 내용을 표시하고 있다가 그 필드를 클릭하면 내용이 사라지도록 만들 수 있다. 이렇게 하면 텍스트 필드 앞에 제목을 사용하지 않고도 사용자에게 해당 필드에 어떤 내용을 입력해야 할 지 알려 줄 수 있어서 편리하다. * readonly 속성 - 읽기 전용 필드 만들기 * required 속성 - 필수 필드 지정하기 * min, max, step 속성 min속성과 max속성은 각각 해당 필드의 최솟값과 최댓값을 지정한다 step속성은 허용된 범위 내의 숫자의 일정한 간격을 가리킴 * size, min.. 2021. 1. 29.

[HTML5 & CSS3] <input> 태그 ▶ 사용자 입력을 위한 태그 * 폼에서 사용자 입력을 받기 위해 사용하는 태그. * 태그 - 입력 항목 만들기 웹에서의 폼은 크게 사용자가 입력하는 부분과 입력한 내용을 서버로 보내는 버튼 부분으로 나눌 수 있다. 사용자가 내용을 입력하는 부분은 한 줄짜리 텍스트나 비밀번호같은 부분인데 이런 부분을 만들 때 사용하는 태그가 태그이다. ← 한 줄 짜리 텍스트를 입력하는 필드가 생성 ← 체크박스가 삽입됨 * type="hidden" - 히든 필드 만들기 화면상의 폼에는 보이지 않지만 사용자가 입력을 마치고 폼을 서버로 전송할 때 서버로 함께 전송되는 요소. * type="text" - 텍스트 필드 만들기 한 줄 짜리 일반 텍스트를 입력하는 필드 * type="password" - 비밀번호 입.. 2021. 1. 29.

[HTML5 & CSS3] Form ▶ Form * * 태그 - 폼 요소에 레이블 붙이기 수강 분야(다수 선택 가능) 문법 작문 독해 수강 과목(1과목만 선택 가능) 영어회화 중국어회화 일어회화 -빨강색으로 표시한 부분을 실무에선 더 많이 쓴다. * 하나의 폼 안에서 여러 구역을 나누어 표시하려고 할 때 사용한다. 태그는 과 태그 사이의 폼들을 하나의 영역으로 묶고 외곽선을 그려줌. * 태그로 묶은 그룹에 제목을 붙여 준다. 2021. 1. 29.

이전 1 2 3 다음

티스토리툴바