전체 글215 08. HTML / 요소 - 양식 양식 form 태그 ( 웹 서버에 정보를 제출하기 위한 양식 범위를 정의 ) -form태그 예시 input 태그 ( 사용자의 입력 받을 데이터 양식 ) radio 타입 label 태그 ( 라벨 가능 요소의 제목 ) button 태그 ( 선택 가능한 버튼을 지정 ) - input과 다르게 좀더 특화된 버튼 textarea 태그 ( 여러 줄의 일반 텍스트 양식 (한줄은 input 태그 ) ) 속성은 input 태그와 비슷 다른 속성은 rows 라는 속성인데 화면에 보이는 양식의 줄 수를 설정 할 수 있다. fieldset, legend 태그 ( 같은 목적의 양식을 그룹화(fieldset) 하여 제목(legend)을 지정 select, datalist, optgroup, option 태그 -select 태그 .. 2021. 2. 3. 08. HTML / 요소 - 표 콘텐츠 표 콘텐츠 08. HTML / 요소 - 양식 table 태그 ( 테이블 표를 만들 때 사용 ) -> display : table (블럭 요소와 동일) - tr 태그 ( 행 , 줄 만들 때 ) ex) 3줄을 만든다 -> 3개 만든다. - td , th 태그 ( 칸, 셀 만들 때 ) ex) 2칸을 만든다 태그 안에 2개 입력 border 설정후 table 의 css 를 설정 table { border-collapse : collapse; } th 태그 ('머리글 칸' 을 지정) -colspan 사용 ( 열 병합 ) -rowspan 사용 ( 행 병합 ) td 태그 ('일반 칸'을 지정) caption 태그 ( 표의 제목을 설정 ) - 열리는 table 태그 바로 다음에 작성해야 된다. - 당 하나의 만 가능 .. 2021. 2. 3. [23일차]<10kg Up Project> 2021.02.02(화) 보호되어 있는 글 입니다. 2021. 2. 2. 07. HTML / 요소 - 멀티미디어 & 내장 콘텐츠 & 스크립트 멀티미디어 img 태그 (이미지를 삽입 , 빈태그) - 필수 속성으로는 src 속성과 alt 속성은 필수 srcset, size 속성 - (반응형 웹사이트 제작할 시 사용) -srcset (2장 이상 사용할때 사용) 은 브라우저에 제시할(사용할) 이미지들과 그 이미지들의 원본 크기를 지정한다. 1장이면 src 사용하면 된다. -sizes 는 미디어 조건과 그 조건에 해당하는 미이지의 '최적화 출력 크기'를 지정 width 속성 audio 태그 ( 소리 콘턴츠 (mp3) 를 삽입 ) video 태그 - autoplay가 지정된 경우, preload는 무시됨. figure태그, figcaption 태그 내장 콘텐츠 iframe 태그 ( 다른 HTML 페이지를 현재 페이지에 삽입 ) canvas 태그 ( Ca.. 2021. 2. 2. 06. HTML / 요소 - 인라인 텍스트 & 수정 인라인 텍스트 a 태그 ( 다른 페이지, 같은 페이지 위치 ( #, 해시 태그) , 파일, 이메일 주소 등 다른 URL로 연결할 수 있는 하이퍼 링크를 설정 , 버튼용도로 쓰이기도 한다. ) a태그를 버튼 형식으로 만들 때 a태그로 같은 페이지 이동 (같은 페이지내에서 이동) abbr 태그 ( 약어로 사용된 용어가 있다면 설명을 추가해주는 태그 ) b 태그 ( 문체가 다른 글자의 범위를 설정 ) - 특별한 의미를 기지지 않는다. (중요해서 쓰는 거 아님) - 읽기 흐름에 도움을 주는 용도로 사용. mark 태그 ( 형광팬 처럼 글자에 하이라이팅이 된다. ) em 태그 ( 단순한 의미를 강조를 표시 ) - b태그와 mark태그와 다르게 의미를 가진다. (중요 하다는) strong ( 의미의 중요성을 나타내.. 2021. 2. 2. [22일차]<10kg Up Project> 2021.02.01(월) 보호되어 있는 글 입니다. 2021. 2. 1. 05. HTML / 요소 - 콘텐츠 구분 & 문자 콘텐츠 Body 내 구조 개념 (다양항 의미를 가지는 태그들) [콘텐츠 구분]header 태그 ( 소개나 탐색을 돕는것이 그룹 ) -header 태그는 후손이 될 수 없다. [콘텐츠 구분]footer 태그 ( 사이트 하단에 작성자, 데이터, 계좌등 들어가는 자리 ) - footer 태그는 후손이 될 수 없다. [콘텐츠 구분]H1~H6 태그 (제목 요소) - 숫자가 커질수록 글자가 작아진다. - 폰트를 줄이기 위해서 H숫자를 높이면 안된다. -> H1~H6은 의미있게 사용해야됨 -> H1(대주제), H2(소주제) - H1~H6 순차적으로 사용해야됨 -> (X) - H1은 한페이지의 하나만 사용 ( 대주제용으로 ) [콘텐츠 구분]main 태그 ( 사이트의 핵심 부분 ) - 하나의 문서에는 main 태그는 하나만 존.. 2021. 2. 1. [16일차]<10kg Up Project> 2021.01.26(화) 보호되어 있는 글 입니다. 2021. 1. 27. <FAST CAMPUS>자바 웹개발-객체지향 프로그래밍 직렬화 직렬화 ( Serialization ) - 인스턴스의 상태를 그대로 저장하거나 네트워크로 전송하고 이를 다시 복원 하는 방식 보조스트림 ( ObjectInputStream 과 ObjectOutputStream 사용 ) 직렬화는 인스턴스의 내용이 외부(파일, 네트워크 ) 로 유출되는 것이므로 프로그래머가 객체의 직렬화 기능 여부를 명시해야됨 Person 객체를 파일로 저장 ( 유출 하는 행위 ) --------------------------------------------------------------------------------------------------------------------------- 그 외 입출력 클래스와 데코레이터 패턴 - File 클래스 : 파일개념을 추상화한 클래.. 2021. 1. 27. 이전 1 ··· 18 19 20 21 22 23 24 다음
