오봉이와 함께하는 개발 블로그

FrontEnd_day1 정리 (2021.12.02 목요일) 문서 삽입 태그 : 태그 태그 현재의 html 문서 내에 다른 문서 포함 태그를 만들어서 영역을 만들어 놓고 의 에서 target="iframe이름" 지정 의 위치 설정 중요 (css로 크기, 위치 등 속성 설정) 문서 삽입 태그 예제 iframe.html

FrontEnd_day1 정리 (2021.12.02 목요일) 이미지 태그 태그 인라인 태그로 이미지 바로 옆에 다른 요소가 나란히 배치 여러 개의 태그를 사용하면 계속해서 오른쪽에 표시 속성 src : 이미지 경로(필수) align : 정렬 방식 alt : 이미지 출력 안될 때 대체 텍스트 title : 마우스 위치에 출력되는 툴 팁 설명 width : 가로 길이 height : 세로 길이 border : 테두리 hspace : 좌/우 여백 vsapce : 상/하 여백 경로 HTML 파일과 같은 폴더에 있는 경우 이미지 파일명만 적으면 됨 하위 폴더에 있는 경우 폴더명/이미지 파일명 상위 폴더에 있는 경우 ../폴더명/이미지 파일명 이미지 + 테이블 연습 문제 img.html 작품명모나리자 화가레오나르도..

FrontEnd_day1 정리 (2021.12.02 목요일) 테이블 태그 : 테이블 선언 태그 : 테이블 내에 한 행을 정의하는 태그 : 테이블 내의 한 열, 즉 셀을 만들 때 사용하는 태그 테이블 속성 align : 테두리 정렬방식(left, right, center) border : 테이블 테두리, 생략하면 테두리 없음 bordercolor : 테두리 색상 width : 테이블의 너비(가로 길이) height : 테이블의 높이(세로 길이) bgcolor : 테이블 배경색 background : 테이블에 배경 이미지 넣기 cellspacing : 셀과 셀 사이의 여백 cellpadding : 텍스트와 셀 사이의 여백 행 속성 align : 행 전체의 수평 정렬(left, right, center) wi..

FrontEnd_day1 정리 (2021.12.02 목요일) 목록 태그 기본 목록 : 순서가 없는 목록 type disc : 검은 원(기본 값) circle : 흰 원 square : 사각형 : 순사가 있는 목록 type 1 : 숫자(기본 값) a : 영어 소문자 A : 영어 대문자 i : 소문자 로마 숫자 I : 대문자 로마 숫자 start="n" : n번부터 시작 type="@@@" reversed : 역순으로 표시 : 목록 내 각 항목을 적을 때 사용 정의 목록 , , 목록 태그 예제 list.html javascript/jquery web internet water coke beer asdas dasdasdas asdasdadx asdasd asdasd asdasd asdasd asdasd asd..

FrontEnd_day1 정리 (2021.12.02 목요일) 하이퍼링크 태그 하이퍼링크로 문서를 연결하는 태그 (앵커 태그) 원하는 문서나 사이트로 연결 한 문서 내 다른 영역으로 이동 (한 페이지 안에서 지정된 영역으로 이동) 사이트로 이동 : http://www.naver.com”> 다른 문서로 이동 : 문서 내 다른 영역으로 이동 : id가 jQuery인 영역으로 이동 temp 하이퍼링크 예제 index.html HeadLine 1 HeadLine 2 HeadLine 3 hyperlink.html 사이트로 이동 네이버로 이동 다른 문서로 이동 index로 이동 문서 내 다른 영역으로 이동 id가 javascript인 곳으로 이동 id가 jquery인 곳으로 이동 id가 css인 곳으로 이동 java..