목록Front-end/Client (32)
Daily coding
form event resource와 같이 많이 사용 입력 데이터 등을 전송할 수 있다 id : #, 현재 페이지에서 1개만을 인식. javaScript(=JQuery) 에서 많이 사용 class : . , 다중 인식. CSS(디자인), JavaScript(=JQuery) name : link용, 값을 전송할 때 변수의 역할. 데이터를 jsp파일 등으로 넘겨줄 수 있고 디비와 연결하여 사용할 수 있다. type ="submit" : submit 버튼을 생성한다 value : 특정 입력 타입을 만들고 안에 들어갈 텍스트 입력 submit : 이동, form하나당 submit은 하나만 존재 중간에는 입력 리소스들 존재 * input태그 1. button(submit) 2. checkBox 3. ..
Video 비디오 controls= "controls" ---> 재생도구 같은 제어도구가 표시됨 loop="loop" ----> 루프여부 src : 재생할 동영상의 URL autoplay : 설정되어있으면 자동재생됨 video
보호되어 있는 글입니다.
iFrame : web page in web page width * height만큼의 공간에 html 파일 혹은 웹사이트를 불러올 수 있다. 보안이슈로 잘 안될 수 있음 iFrame : web page in web page width * height만큼의 공간에 html 파일 혹은 웹사이트를 불러올 수 있다. 보안이슈로 잘 안될 수 있음 index 1
List Unordered List : 리스트안에 들어갈 실제 값을 입력한다. 예시 : coffee tea milk disc : 동그라미 (default값) coffee tea milk square : 네모 버튼 coffee tea milk none : 아무것도 없음 coffee tea milk list안에 anchor(a)넣을 수 있음 coffee tea milk : 순서가 있는 목록 (ordered list) Apple Pear Banana ---> ol 또는 ul 태그에 클래스 이름을 붙이고 CSS에서 디자인을 조절하도록 한다. list coffee tea milk disc : 동그라미 (default값) coffee tea milk square : 네모 버튼 coffee tea milk none ..
: 테이블 만드는 태그 : 테이블 행(row)을 추가 : 테이블 헤드 추가 : 테이블 데이터 추가 : 열 설정 ---> col width / height = "숫자" 또는 "%"로 둘 수 있음 차례대로 입력하면 순서대로 컬럼 속성이 지정됨 : 테이블 헤더로 묶음 : 테이블 바디로 묶음 : 한 열 데이터를 2개 이상 입력할때, 하나의 열로 묶기 위함 : 한 행의 데이터를 2개 이상 입력할 때, 하나의 행으로 묶기 위함 - border : 테이블 테두리 두께 설정 - style : width와 heigth 등 지정할 수 있음 HTML : Basic 1 - 번호 성 이름 나이 1 홍 길동 24 2 일 지매 21 3 성 춘향 25 주소록 번호 성 이름 주소 1 홍 길동 서울시..
: 이미지 태그 * Attribute alt : 이미지가 없을 때 나올 문자열 설정 src : 이미지의 경로 혹은 프로젝트 안에 넣어둔 이미지의 파일명(확장자 포함) width : 가로길이 (px) height : 세로길이 (px) hspace : 이미지 가로 여백 (px) vspace : 이미지 세로 여백 (px) border : 테두리 이미지와 기사를 같이 Loading하고 싶은 경우 오제국립공원(尾瀬国立公園)은 일본 최대 산악 습지대이다. 주변 자연 경치와 함께 하이킹 즐기기에 좋으며, 하이킹 루트 정비 상태도 좋다. 주변 자연환경과 계절 꽃이 만들어낸 멋진 경치를 즐기고 싶다면 5월부터 10월 사이가 좋다. 산으로 둘러싸인 습지대 풍경은 오제 지역만의 매력이다. 관광의 중심지 오제국립공원은 동서로..
: 원하는 웹페이지 URL 또는 HTML 문서로 이동할 수 있도록 만든 태그 링크로 이동하기 태그에 아이디이름을 부여하고 #을 통해 링크로 설정해둘 수 있다 # id : 해당하는 id로 이동 . class : 해당하는 class로 이동 "#" : 현재 페이지의 맨위로 이동 Naver index2.html로 이동하기 기존창으로 index3.html로 이동하기 새창으로 index4.html로 이동하기 현재 페이지의 맨 위로 이동 chapter 4로 이동 chapter 1 여기가 chpater 1입니다 chapter 2 여기가 chpater 2입니다 chapter 3 여기가 chpater 3입니다 chapter 4 여기가 chpater 4입니다 chapter 5 여기가 chpater 5입니다 현재 페이지의 맨..
: 문자열 속성을 지정하는 태그 div:범위를 설정으로 묶을 수 있는 테이블, 자체만으로는 의미가 없음 안에 들어간 콘텐츠를 한꺼번에 속성을 설정하기 위해 묶음 어느 특정 지역을 설정해둘 때 많이 사용한다. div 안의 div 사용 가능 테두리선 실선으로 border-color: blue; -> 테두리선 색 margin-left: 20px; -> 마진(테두리 바깥쪽 여백) padding-top: 30px; -> 테두리 안쪽 여백 background-color: yellow"> -> 테두리 안쪽 색깔 + 폰트크기 1, 폰트컬러 blue 폰트크기 2, 폰트컬러 red 폰트크기 3 JYP엔터테인먼트 측 역시 ““확인 결과 두 사람은 연예계 선후..
- br : 띄어쓰기 - b, strong : 텍스트 볼드 - i : 이탤릭(기울기) - em : 강조 - mark : 강조(하이라이트) - del : 삭제선(텍스트 중간에 선그어져있음) - sup / sub : 위첨자 / 아래첨자 (수학에서 많이 사용) 보통의 텍스트 두꺼운 텍스트 b 두꺼운 텍스트 strong p + 속성 + bold italic text 나는 성공할 것입니다. 그 점을 강조하고 싶습니다. Html Markup Language 보시는 글을 삭제된 글입니다. 이것은 아래첨자입니다 이것은 위첨자입니다