본문 바로가기
728x90
300x250
SMALL

Front-end/HTML78

<cite> html 태그 태그는 인용을 할 때 사용합니다. 인용된 콘텐츠, 책, 웹사이트, 블로그, 연구논문, 예술작품등에 대해서 출처를 표기할때 사용하며 제목을 반드시 표기해야 합니다. 사용법 인용 콘텐츠 cite를 사용하면 기본적으로 기울임꼴로 표시되기 때문에 기울임꼴로 적용하지 않을시에는 css로 수정해야 한다. 브라우저 호환성 보기 출처: https://developer.mozilla.org/ko/docs/Web/HTML/Element/cite 2021. 12. 16.
html / css 박스크기 기준 box-sizing: border-box box 크기 기준 박스 width + 패딩 + 테두리 = 실제 박스 값 .box { padding: 10px; font-size: 50px; font-weight: 600; line-height: 50px; border: 10px solid #000; width: 300px; text-align: center; } 그러니까 만약 width 값이 300px이라고 할때 박스 크기는 300px이 아니고 340px이라는 사이즈가 나온다. 양쪽 패딩 값 10px씩 총 20px 양쪽 border 값 10px씩 20px 더해서 340px이 된다. 만약 padding 값과 border값에 상관없이 설정한 width 값만큼 box 사이즈를 표현하고 싶다면 box-sizing: border-box;를 사용하면 된다. .b.. 2021. 12. 10.
메일용 html 이미지는 웹상에 올려져 있어야 하며 절대 경로를 사용하고 가로/세로 너비와 대체 텍스트(alt)를 입력해야 한다. 스타일은 인라인을 해야 한다. 레이아웃은 테이블로 해야한다. 많은 경우 colspan, rowsapn 속성을 지원하지 않기 때문에 중첩 테이블을 사용한다. 색상은 #ffffff처럼 Hexadecimal Colors를 사용한다. #fff처럼 축약형은 사용하지 않는다. css의 margin은 사용할 수 없다. 대신 padding을 사용하고 padding 사용 시 top, bottom, left, right 값을 모두 넣어야 한다. 여백은 &nbsp 셀 공백 문자를 사용한다. 2021. 12. 8.
input type 속성 종류 input type에 들어가는 여러가지 속성 hidden 사용자에게는 안보이지만 서버로 넘겨지는 값을 가진다. text 한 줄짜리 텍스트 입력상자 search 검색상자 tel 전화번호 입력 필드 url url 주소를 입력할 수 있는 필드 email 이메일 주소 입력 필드 password 비밀번호 입력 datetime 국제 표준으로 설정된 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) datetime-local 사용자가 위치한 지역 기준의 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) date 사용자 지역 기준(연, 월, 일) month 사용자 지역 기준(연, 월) week 사용자 지역 기준(연, 주) time 사용자 지역 기준(시, 분, 초, 분할 초) number 숫자를 조절하는 화살.. 2021. 12. 3.
728x90
반응형
LIST