웹 개발에 사용되는 emmet 잘 이용하기emmet cheet sheet 보기웹 페이지를 검색할 때나 시각장애인의 접근성을 위하여 언어를 명시해야 한다.언어마다 폰트가 지정되어있다.span 내용 /spanordiv 내용/divHTML CSS JS의 가장 공신력 있는 정
b태그는 그냥 굵게하기 위해 사용. (묵시적인 굵음)strong태그는 굵게함과 동시에 정말 중요한, 강조되어야할 내용들을 담고있다. 컴퓨터가 해석할 때 (검색 엔진의 분석) 정말 중요한 내용이구나를 인식한다.b태그는 css로 두껍게 처리해주라는 명시는 해줘야 한다.과거
속성/특성 = attribute태그의 동작을 설정하고 제어한다.태그마다 설정 가능한 속성들이 있다.인용문 관련 태그 -> 어떤 내용들을 다른 출처에서 가지고 올 때 사용.blockquote 태그와 cite 속성blockquote cite=" " p 내용 /p/
ul, ol의 1촌 자식은 오직 li만 가능하다!css로 모양을 조절할 수 있다.emmet ex) ul>li\*4css를 이용해 웹 상에서 나열되는 것들을 다양하게 표현할 수 있다.emmet ex) dl>(dt+dd)\*n컴퓨터가 사이트를 분석할 때, 용어와 용어의 정
이미지 파일 경로는 절대경로 와 상대경로로 나뉜다.절대 경로 : 보통의 url을 의미상대 경로 : 상대적인 경로 ./ -> 현재 폴더 ../ -> 현재 폴더 나간 상태alternative = 대체해당 이미지를 볼 수 없는 상황이나 그런 사람들을
table 태그는 테이블을 생성할 때 사용한다. 표는 표 용도로만 사용해야 한다. 레이아웃에 표를 사용하면 안된다!caption 태그는 표를 설명하거나 표의 제목을 나타낸다.(선택사항)tr태그는 table row로써 표의 행을 나타낸다.(가로)td태그는 table da
target 속성은 링크를 어떻게 열지에 대한 방식을 정하는 것이다. 예를 들어 링크를 누른 그 탭에서 열거나, 새 탭을 열어서 여는 등의 방식을 정하는 것이다. \_self : 그 탭에서 열리게끔.\_blank : 새 탭에서 열리게끔. (제일 많이 사용) -> 텍스트
form 태그 안의 input태그를 수식하는 label태그.label태그를 클릭해도 input태그와 연결되어 클릭된다.button태그 안의 type 속성 ex) submit, reset 등 자바스크립트로 하면 된다.form태그의 autocomplete속성은 기본 on으
예전의 익스플로러 눈치를 보느라 HTML5에서 제공되는 많은 기능들을 적극적으로 활용하지 못했었었다..password : 비밀번호 안 보이게 감춘다.search : (브라우저마다 x 뜨거나 안 뜬다. 돋보기 모양 나타날수도 있다.)tel : ex) 휴대폰에서 키보드 자
textarea태그는 말 그대로 텍스트를 쓰는 공간이다.전용 속성으로cols: 글자 수 단위의 너비 (기본값 20)rows: 표시되는 줄 수 -> 줄 수 넘어서도 입력은 가능하지만 스크롤을 이용하여 내려야한다.textarea는input 태그와는 다르다. -> input
pre 태그에 텍스트를 작성하면 스페이스, 탭, 엔터 등 모든 공백 요소들이 이와 같이 화면에 그대로 적용된다.때문에 pre 태그는 아래의 아스키 아트(Ascii art)들처럼 공백요소들을 적극 활용해야 하는 아주 특별한 경우 유용하게 사용될 수 있다.일반적으로는 막상