본문 바로가기
728x90
300x250
SMALL

Front-end/HTML80

메일용 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.
section article 차이 section태그와 article 태그의 차이를 알아보기 위해서 먼저 두 개가 어떤 역할을 하는지 살펴보면 section section 태그는 섹션(부분, 구역, 영역) 들을 그룹화 해서 분리하는 역할을 한다. article article 태그는 문서내에서 그룹화해서 분리하는 역할을 한다. 언뜻 설명을 보면 비슷해 보인다. article과 section 이 두 시맨틱 태그는 div와 같은 블록 속성을 가지고 있기 때문에 div로 대치해도 기능상으로 문제가 없고 두 요소 다 콘텐츠를 구분하는 데 사용되며 서로 바꿔서 사용 가능하다. 그럼 이 유사한 기능 같아 보이는 article과 section을 어떤 상황에 따라서 사용해야 할까? section article 차이 ▷ article은 내용이 독립적이다. .. 2021. 12. 1.
input 클릭시 테두리 색상변경 input 클릭시 아래와 같이 테두리 색상변경하는 방법입니다. html 이름 input을 클릭했을때 효과를 주기 위해서는 포커스를 받은 요소를 표현하는 :focus 의사클래스를 사용해서 표현할 수 있습니다. .form-item input:focus{ border-color:#0982f0; outline: none; } :fuocus는 포커스를 받은 요소 자체에만 해당하기 때문에 자식 영역이 포커스를 받은 경우에는 :focus-within을 사용합니다. See the Pen Untitled by kim oya (@ttuttu) on CodePen. :fuocus 브라우저 호환성 2021. 11. 27.
728x90
반응형
LIST