dion

24.03.08 17일차 목차 1. 반응형웹구조

IT/HTML 2024. 3. 8. 17:49

24.03.07 16일차 목차 1. 폼 2. label 3. video 1. 폼 중첩 사용 X 1. 로그인과 아이디입력 post : 주소에 노출되지 않기 위해서 사용 2. input 타입 *전송버튼을 누르면 실행되는 action 확인 textarea resize:none; >> 박스창의 크기 조절을 못하게 설정 2. label placeholder : 박스 안에서 미리 입력해야하는 것을 알려주는 기능 required : 값이 비어있으면 경고창을 띄움 *id는 반드시 label명과 동일해야함 autocomplete="on" : 이전에 입력했던 정보를 자동으로 입력 pattern : 지정한 문자패턴(정규식)과 입력된 내용의 일치여부 확인 multiple : 여러개의 파일을 동시에 선택할 수 있는 속성 dia..

IT/HTML 2024. 3. 7. 17:49

24.03.06 15일차 목차 1. 표작업 1. 표작업 tabld : 감싸는 전체 표 tr : 행(row) td : 열(column) th : 제목 역할을 하는 셀을 정의 thead : 제목 영역 (tabld head) tbody : 본문 영역 (tabld body) tfoot : 요약 영역 (table foot) colgroup : 표는 행만 묶을 수 있기 때문에 열을 묶고싶다면 colgroup을 사용 셀합치기 colspan : 열 합치기 rowspan : 행 합치기 * 열이나 행을 늘릴 때는 다른 열,행들과의 자리도 고려해야한다 caption : 표의 제목 (음성낭독프로그램에서 구분 가능) scope : 열이나 행의 제목 (열의 제목 : th scope="col" / 행의 제목 : th scope="..

IT/HTML 2024. 3. 6. 17:30

14일차 목차 1. 하이퍼링크 1. 하이퍼링크 1. : 링크 href : 링크의 목적지 2. _blank : 새로운 탭으로 열림 3. mailto : 메일 계정 띄우기 4. # : 임시를 의미 (자기 자신을 의미, 움직이지 않음 > _self와 같은 기능) 5. text-decoration : 링크 아래의 밑줄 [text-decoration: none;] : 아래의 밑줄 삭제 6. [color: black;] 링크의 색상 지정 7. hover : 마우스를 올렸을 때 underline : 마우스를 올렸을 때만 밑줄생성 8. background-color : 배경색

IT/HTML 2024. 3. 5. 10:46

13일차 목차 1. 사이트 2. FileZilla 3. : 사진 태그 4. 실습 1. 사이트 무료홈페이지 | 무료호스팅 | 닷홈 (dothome.co.kr) 무료홈페이지 | 무료호스팅 | 닷홈 닷홈은 도메인, 무료호스팅, 무료홈페이지, 웹호스팅, 웹메일, SSL보안인증서, 서버호스팅 등 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 2. FileZilla 호스트 : ID.dothome.co.kr 사용자명 : ID 비밀번호 : 패스워드 포트 : 빠른 연결 http://[ID].dothome.co.kr/[파일명] 파일명이 index.html이라면 뒤에 파일명을 따로 붙이지 않아도 된다 - 서버에 들어가면 자동으로 불러들이는 파일명 : index.html 3. : 사진 태그 단독 태그이기..

IT/HTML 2024. 3. 4. 17:48

13일차 목차 1. 사이트 2. HTML 사용 기본 설정 3. 구조 파악 4. 태그 5. 블록(block)태그 6. block 태그 명령어 7. Inline 태그 8. Inline 태그 명령어 1. 사이트 자바와스프링부유한 프로그래머가되자 : 네이버 카페 (naver.com) 자바와스프링부유한 프로그래머가되자 : 네이버 카페 자바프로그래밍 전용카폐입니다. cafe.naver.com 2. HTML 사용 기본 설정하기 2. New File을 클릭하여 [파일명.html] 작성 3. !를 치고 Tab 키를 누르면 기본적인 html 폼이 자동으로 작성된다 4. 확장기능 설치 3. 구조 파악 1. 구조 파악하기 * html에서 주석은 는 자동으로 입력됨 2. Edge는 HTML5를 100% 지원하지 않기 때문에 c..

IT/HTML 2024. 3. 4. 15:14