본문 바로가기

개발일지

(233)
list 목록 태그 알아보기 (ol ul dl - li dt dd) 2021.09.03 - [FrontEnd/html5 + css3] - 인라인, 블록 박스, 인라인 블록 유형 설명 인라인, 블록 박스, 인라인 블록 유형 설명 Document 박스의 유형 div h1 p태그 는 블록박스 유형이고 그리고a span 태그는 인라인이며 img 태그 는 인라인 블록 유형이다. Document block과 block입니다. inline1 inline.. practice365.xyz (같이 읽기에 좋은 글) 메뉴 리스트 리스트1 리스트2 리스트3 리스트4 일단 들어가기에 앞서 태그를 알아보자. 리스트 제목으로 사용하는 p태그는 블록타입으로 리스트 안에 선언 하는 것이 아니라 밖에 선언을 하고 리스트 태그를 써줘야 한다. ordered list 정돈된 리스트 ol 리스트 리스트1 리..
인라인, 블록 박스, 인라인 블록 유형 설명 박스의 유형div h1 p태그는 블록박스 유형이고 그리고a span 태그는 인라인이며 img 태그는 인라인 블록 유형이다. block과 block입니다. inline1 inline2 inline3 inline-block-1 inline-block-2 inline-block-3
form 복습 - 다양한 효과들 적용해보기 02.form 태그연습 폼 연습 인적사항 이 름 아 이 디 비밀 번호 주민 번호 - 성 별 여자 남자 기타 사용 언어 한글 영어 독어 일어 국 적 한국 미국 중국 태국 취 미 요가 영화 러닝 테니스 이 태그들을 불 practice365.xyz form 태그의 기본 구성은 위쪽 게시글을 참고 다양한 효과들을 한 번에 적용한 탓에 미적 감각이라는 게 0에 수렴하지만.. form 태그의 옵션들을 한 눈에 볼 수 있습니다. 인적사항 아 이 디 이 름 생 일 색 상 주민번호 - 비밀번호 성 별 여자 남자 기타 취 미 여행 영화감상 요가 자수 국 적 한국 일본 중국 관심분야 철학 과학 디자인 프로그래밍 찾 기 메일주소 범 위 값을 입력하세요 등록 서비스 차원으로 넣는 옵션들이다. 아 이 디 autofocus 오토포..
html 파일 frame 영역에 불러오기(src), 주석 css 파일 불러오기(link,import) Document 시간표 월 화 수 목 Java 수학 html 영어 국어 JSP 시간표를 만든 태그 파일이 있다. css를 붙여 놓으니 코드가 너무 길어져 css 파일을 따로 만들어서 연결해주려고 한다. practice365.xyz 일반 html 파일 불러오는 방법은 없을까? 있다!! 여기 메뉴의 글씨를 클릭하면 아래 프레임에 홈페이지가 나타나는 페이지가 있다. 영역별로 제작을 하고 main 파일에 불러오고 싶다면 이렇게 해보자! 이런 방법을 사용하면 보기에도 좋고, 영역별로 읽기 쉽다. 메인 파일에서는 위아래로 프레임을 나눴고(frameset), 영역별로 파일을 불러왔다. frame태그에서 src="파일제목" 이 형식은 img 태그에서 그림 불러오기 형식과 같..
클래스 선언과 화면 나누기 머리 인천시청 서울시청 html, body { 마진 패딩을 0으로 선언하면서 간격을 없앰 } height:100% 해주면서 간격 없이 꽉 채움 float:left 왼쪽부터 차례대로 쌓아주는 것 clear:both; float에서 지시한 것을 무시하고 아래쪽에 배치를 한다.
css 파일 불러오기(link,import) 시간표 월 화 수 목 Java 수학 html 영어 국어 JSP 시간표를 만든 태그 파일이 있다. css를 붙여 놓으니 코드가 너무 길어져 css 파일을 따로 만들어서 연결해주려고 한다. 시간표 월 화 수 목 Java 수학 html 영어 국어 JSP table{ border: 2px solid #662500; width: 400px; height:300px; text-align : center; } td{ border:1px dotted; } th{ border:1px dotted; } caption{ color:#662500; } #t1{ background:#FFD8D8; } #t2{ background:#FAF4C0; } html 부분에 태그를 넣는다. rel="stylesheet" 불러오는 파일을 ..
03. 다양한 frmae 태그활용하기(화면나누기, 프레임 안에서 페이지 띄우기) 말 그대로 프레임을 나눈다고 생각하면 된다. body 안에 넣을 필요 없이 바로 선언해주면 됨! frameset은 상위태그. 화면을 나누는 역할을 한다. 옵션으로는 rows/cols이 있다. 가로/세로 나누어준다. "20%, *" 왼쪽은 선언한 부분의 크기를 지정한다. 가로를 설정했으면 윗부분의 크기, 세로를 설정했으면 왼쪽부분의 크기. px로 설정해도 되고 % 퍼센트로 설정해도 됨. 후자의 경우는 전체 화면의 몇 퍼센트인지 설정가능하고, 반응형 웹에서 많이 사용된다. * 별의 뜻은 80% 이렇게 나눠 줄 필요 없이 20%를 사용하고 남은 영역을 다 의미한다. frameset 하위태그. 이걸로 닫아 줄 필요 없다. 화면링크를 정하는 태그다. 그런데 왜 가장 안에 있는 프레임에는 두 개가 지정 됐을까? 위..
02.form 태그연습 인적사항 이 름 아 이 디 비밀 번호 주민 번호 - 성 별 여자 남자 기타 사용 언어 한글 영어 독어 일어 국 적 한국 미국 중국 태국 취 미 요가 영화 러닝 테니스 이 태그들을 불러오면 이런 모습이다 태그를 이용해서 만든 페이지. 주로 회원가입 할 때 입력하는 회원정보 페이지 라고 할 수 있다. 아직 데이터베이스에 저장하는 기능은 없다. 그 말인즉슨 내가 무엇을 입력하고 선택했는지 컴퓨터는 알 길이 없다. 이 때 필요한 게 자바스크립트나 제이쿼리 등과 같은 언어인데 지금은 프론트엔드쪽만 배우기 때문에 이정도로 만족해야한다. action은 어디로 보낼 건지 지정한다. method는 어떤 방식으로 보낼 것이냐 지정한다. 자주 쓰이는 방식은 get/post이고 이 라인은 아직 선언만 해주고 배우지는 않았음 ..