목록Front-end (81)
Daily coding
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 보시는 글을 삭제된 글입니다. 이것은 아래첨자입니다 이것은 위첨자입니다
attribute = 속성, 태그의 속성을 설정하는 것들을 말한다. sytle, align 등이 포함 property = 특성, 설정한 속성의 구체적인 속성을 말한다. ex> 김희철의 소속사 Label SJ 측은 “김희철과 모모가 평소 친한 연예계 선후배 사이로 지내다 최근 서로에게 호감을 가지고 만나게 된 것으로 확인됐다”며 두 사람의 열애 사실을 인정했다. JYP엔터테인먼트 측 역시 ““확인 결과 두 사람은 연예계 선후배로 친하게 지내오다 최근 호감을 갖고 만나는 사이가 됐다”라고 밝혔다. The Language for building web page. Using more than 2 properties in 1 attribute. 하나의 어트리뷰트에 여러 속성을 적용하기 위해서는 ;으로 각 속성을 ..