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

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..

FrontEnd_day1 정리 (2021.12.02 목요일) 텍스트 관련 태그 제목 HeadLine의 약어 제목으로 사용 자동 줄바꿈으로 출력 크기는 1~6 (1 > 6) 본문 문단을 나누는 태그(paragraph) 새로 줄 바꿔서 시작 태그를 두 번 사용한 만큼의 간격 태그를 여러 번 연속적으로 사용해도 행 간격이 더 이상 벌어지지 않음 텍스트 형태 앵커 태그 태그 줄 바꿈 태그 여러 줄을 바꾸려면 여러 개 사용 태그 수평 줄 표시 주석 처리 텍스트에 장식 효과를 주는 태그 , : 텍스트 강조 , : 이탤릭체 : 아래첨자 : 위첨자 : 현재 설정된 크기 보다 2포인트 크게 : 현재 설정된 크기보다 2포인트 작게 : 밑줄 표시 , : 가운데 줄 표시(취소선) 태그 입력한 형태 그대로 출력 태그 줄바꿈 없..

FrontEnd_day1 정리 (2021.12.02 목요일) 문서 구조 태그 태그 문서의 시작과 끝 표시 크게 두 부분으로 구성되어 있음 태그 웹 브라우저 화면에는 보이지 않지만 브라우저가 알아야 할 문서 정보 포함 태그 문자 인코딩, 문서 키워드, 문서 정보 등 태그 외부 리소스 연결 문서 제목 자바스크립트 코드 삽입 태그 문서의 몸통 부분 실제 화면에 보이는 문서 내용 포함 대부분의 태그가 사이에 위치 종료 태그 뒤에 다른 태그를 위치시키지 않는다. 줄 바꿈 / 공백 문자 사용하지 않는 경우 줄이 바뀌지 않고 공백은 1개만 인식한다. 태그를 이용하여 줄바꿈 해야 함. &nbsp 가 스페이스바 1개 역할.