전체 글 (30) 썸네일형 리스트형 포매팅/하이퍼링크 포매팅: 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도 다른 애들에 비해 더 의미를 둠 요약키워드 글씨가 굵게 나타남 리뷰의 제품명, 특별한 중요성을 가지고 있지는 않지만 굵게 표시할 부분에 사용 특정부분을 강조해야함. 문단 전체를 b 태그로 묶지 못함 -> 전체 문단에 css를 사용해야함 높은 중요도 요소 글씨가 굵게 나타남 와 다르게 더 중요한 점을 강조할때 사용함 텍스트가 기울어지게 표현됨 주위와 구분해야하는 부분에 사용 ex. 기술용어, 외국어구절. 등장인물의 생각 등 단순히 글자가 예뻐보이려고 사용하면 x -->css 활용 텍스트가 기울어지게 표현됨 텍스트의 강세를 나타냄. 맥락의 관련이 깊거나 중요해서 하이라이트(형광펜) 부분을 나타냄. 인용문 나 에서는 별도 표시가 없어 특별히 봐야 하는 부.. 텍스트 요소 h1~ h6 ( heading) 6단계의 구획 제목 구획 단계는 이 가장 높고 가 가장 낮다. -제목의 정보를 사용해 자동으로 문서 콘텐츠의 표를 만드는 등의 작업을 수행할 수 있다. -글씨 크기를 위해 제목 태그를 하면 x -? CSS 의 font-size 속성 사용 -~ 순차적으로 기입 -페이지 당 하나의 태그 하나의 문단을 나타냄 (이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 가능) -콘테이너 역할 -> 단독으로 사용 하지 못함 블록레벨 요소 - 가로 전체를 차지함 ex) 첫 번째 문단입니다. 첫 번째 문단입니다. 첫 번째 문단입니다. 결과=> 첫 번째 문단입니다. 첫 번째 문단입니다. 첫 번째 문단입니다. 브라우저 기본 스타일은 문단끼리 한 줄의 간격으로 분리 빈 요소를 사용해 문단 사이에.. VScode 단축키 *맥은 ctrl 대신 cmd 에디터 창 제어 현재 창 닫기 ctrl + w 닫은 창 다시 열기 ctrl + shift + t 사이드바 토글 ctrl + b 사이드바 탐색기 ctrl + shift + e 사이드바 전체검색 ctrl + shift + f 에디터 확대 ctrl +(=) 에디터 축소 ctrl + - 소스코드 편집 들여쓰기 Tap 내어쓰기 shift = tap 아래에 행 삽입 ctrl+enter 위에 행 삽입 ctrl + shift + enter 현재 행 이동 alt + ↑ , ↓ 현재 행 복사 alt + shift + ↑ , ↓ 현재 행 삭제 ctrl + shift + k 주석토글 ctrl + / 저의 첫 HTML 파일입니다. VS코드를 이용한 첫 HTML 파일 기념 HTML 소개 태그 (Tag) 표기법을 통해 어떤 요소인지 (제목, 본문, 이미지, 비디오)를 명시 내용 여는태그 + 내용 + 닫는태그 = 요소 (element) -요소의 이름은 동일 해야함. 빈요소 =empty element, self element, void element, single tag -내용이 없는 빈요소 -닫는 태그를 추가로 명시하지 않아도 됨. 라고 해서 빈요소가 되는게 아니라 빈요소로 쓸수 있는 것들이 따로 있다. , 간혹 이렇게도 씀 -이미지 url 이미지 url을 넣게 되면 text로 읽는다. -수평선 -줄바꿈 요소의 중첩 요소 안에 다른 요소가 들어가는 포함관계 서로의 포함관계 (부자관계)를 구분하기 위해 들여쓰기를 사용 열린순서대로 닫혀야함 주석 HTML 강의 개요 HTML : Hyper Text Markup Language 웹브라우저가 이해할 수 있도록 작성된 언어 Hyper Text 웹문서를 이루는 요소 하나하나 Markup 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미 =>데이터를 어떻게 표현을 할지 HTML 웹브라우저 (크롬, 엣지, 사파리 ...) .pdf -------> PDF 뷰어 .html -----> 웹브라우저 웹브라우저들은 html 문서를 보여주는 역할 -구조 HTML : 웹문서의 기본적인 골격을 담당 페이지에 제목, 사진, 설명이 있다. -표현 CSS : 각 요소들의 레이아웃, 스타일을 담당 사진의 크기, 제목의 크기와 색, 배치 (레이아웃) 특정 콘텐츠가 눈에 띄게 있어야 한다던지 사용자가 웹 페이지를 잘 사용할 수 있게끔 ( ex. .. 이전 1 2 3 4 다음
