반영훈/웹 개발34 [HTML]이메일링크/전화번호링크 mailto:클릭하였을 때 해당 이메일로 메일을 보낼 수 있도록 메일프로그램이 실행되게 함 tel:클릭 하였을 때 모바일환경에서 전화입력모드에 해당 전화번호를 찍어줌 하단은 사용예시 아이디.이메일.com (211)222-3333 2020. 5. 31. [HTML] 블록레벨(Block level) 요소와 인라인(Inline) 요소 1.블록요소 [DIV, H1, P, ...] -사용 가능한 최대 가로너비를 사용한다. (크기지정 가능)- 기본값이 width:100%; height:0; -수직으로 쌓인다. 안녕? 를 다섯개 작성 시 수직으로 '안녕' 5개가 출력된다. -여백 개념(마진, 패딩)을 모두 자유롭게 사용 가능. 2.인라인 요소 [SPAN, IMG, ...] -필요한 만큼의 가로너비를 사용한다.(크기지정할 수 없음) ex) # 이만큼 # 이라고 하면 '이만큼'이라는 문자를 감싸는 만큼의 너비를 가진다. -수평으로 쌓인다 안녕? 을 다섯개 작성 시 수평으로 '안녕' 5개가 출력된다. -margin, padding의 top, bottom의 기능의 작동이 완벽하지 않다. 블록 요소와 인라인 요소를 서로 변경하는 방법 display:.. 2020. 5. 30. [vscode]Open with live sever 버튼이 안보일 때 해결방법 Ctr+Shft+X 를 눌러 extensions로 이동해 줍니다. live server를 검색해 준 후 install을 눌러 설치해줍니다. 설치가 끝난 후에 다시 우클릭 해 보면 아래와 같이 Open with Live Server가 활성화 되어 있습니다. 2020. 5. 27. 웹표준 검사하기 https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org 위의 페이지에 들어가서 Direct Input에 해당코드를 복사-> 붙여넣기만 하면 자동으로 웹표준에 맞게 작성되었는지 확인해줌. File upload에 index.html 파일을 가져다 놓는것으로도 확인가능. 2020. 5. 24. 이전 1 ··· 3 4 5 6 다음