용용it

원하는 태그를 일일히 를 타이핑 하지 않아도 원하는 태그를 입력하고 탭(tab)을 누르면 자동으로 입력이 된다..! 특정 태그를 다수 입력하는 emmet명령어 ex) 을 3번 입력하고 싶으면 br*3 tab 만약, ol태그 안에 li태그를 4번 넣고싶다. 그러면 ol>li*4 tab 가 출력이 된다. 주석 : 개발자에게만 보이는 텍스트 코드는 윈도우 기준 ctrl+/ 단축키 입력으로 빠르게 입력할 수 있다. 글자를 굵게 표시. 중요한 내용임을 명시. 글자를 기울여서 표시. 강조할 내용임을 명시. 첨자 태그 위 첨자 지수, 서수 아래 첨자 각주, 변수, 화학식 ex) x3 는 x3라는 결과를 출력한다. ex) H2O 는 H2O라는 결과를 출력한다. 주의. 단순히 작은 작은 글자를 올리거나 내릴 때 사용해서..

디자인에 최적화된 새로운 언어이다. 이 기호 사이에 있는 컨텐츠는 표시하지 않게하는 태그이다. 이 태그 안에 있는 문법은 css 언어를 해석해서 처리하게 하는 의미이다. 디자인에 관련된 코드는 style 태그 안에 갇혀있다. 여기서 a는 이 웹페이지에 있는 모든 태그에 대해서를 의미한다. 즉 태그에 있는 내용들을 red,빨간색으로 표시하라는 의미이다. 장점 : 한번에 일괄적으로 효율있게 색상을 변경할 수 있다. 의문: a를 쓰지 않으면 글 전체가 red색상으로 변할까? 답 : 변하지 않는다. 속성만 있어서는 이 효과를 누구에게 지정할지 설명할 수 없기 때문. ----------------------------------------------------------------------------------..

첫걸음 때 배운 기본 문법으로 직접 코딩을 하여 여러 시행착오를 겪어보기로 했다. h1~h6 태그는 자동으로 굵게 표시가 되기 때문에 strong 태그를 사용하지 않아도 된다. a href 링크는 자동으로 밑줄 표시가 되기 때문에 u 태그를 사용하지 않아도 된다. ※라고 생각했었지만 기본적으로 스타일이 들어가는 태그들은 각 브라우저마다 다 다르기 때문에 디자인은 css로 사용한다. + strong 태그는 중요성을 강조하기 위해 사용하는 태그이고 b 태그는 단순히 굵게 표현하기 위해 사용하는 태그이다. 의문: strong태그와 b태그 둘 다 굵게 나타나는 건 똑같은데 이렇게 구분해서 사용하는 이유는 무엇일까? 답: 이는 브라우저에서 지원되는 웹 접근성에 큰 기여를 하기 때문이다. 페이지를 해석하고 읽어낼 ..

생활코딩 첫걸음 기본적이면서 중요한 문법 강조 밑줄 줄바꿈 단락 구분 구획 제목 ~ 숫자가 높아질수록 소제목 의문: advanced web ranking html 사이트에서 h1 태그보다 h2 태그의 사용 빈도수가 더 많은 이유는 ? 답: h1은 페이지의 대제목이기 때문에 페이지당 1번 사용하고 h2는 소제목이기 때문에 1번 이상 사용하기 때문 이미지 삽입 태그 + 속성 ex) 속성의 위치는 앞,뒤 상관없다. 목차 태그 자식태그 목차 숫자 직접지정 , 부모태그 목차 숫자 자동지정 , 부모태그 탭키를 누르면 안쪽으로 들여쓰기(구분 쉽게) 사용 문자 지정 태그 상위 태그 html로 작성되었다는 태그 head,body 태그를 감싸는 최고위층 태그 본문,바디 설명을 묶는 태그 본문 묶는 태그 링크로 연결해주는 ..