본문 바로가기

분류 전체보기27

HTML에 CSS를 적용하는 3가지 방법 CSS(Cascading Style Sheets)란, 한마디로 HTML을 꾸미는 기술입니다. CSS의 핵심은 HTML의 어떤 부분을 어떻게 꾸밀지 정하는 것입니다. HTML CSS 연결 대상 태그 내부 style 속성 사용 빨강 head 태그 내부 style 태그 선언 빨간맛 파일 분리 2022. 1. 31.
자주 사용하는 주요 HTML 태그 정리해드림 자주 사용하는 주요 HTML 태그를 알아보겠습니다. HTML 태그 종류는 정말 많지만, 자주 사용하는 것은 정해져 있는 것 같습니다. 아래 태그들만 숙지하셔도 꽤 유용하게 사용하실 수 있습니다. div 네모난 박스라고 생각하면 됩니다. 대부분의 레이아웃은 div태그로 구성합니다. css, js를 특정 부분을 제어할 때 유용합니다. class, id 속성을 함께 사용하는 것이 일반적입니다. h1~h6 안녕 제목이나 강조하고 싶은 부분을 나타내는 태그입니다. h1의 폰트 사이즈가 가장 크고 숫자가 커질수록 사이즈가 작아집니다. img : 이미지를 보여줄 수 있는 기능을 하는 태그입니다. 반응형 이미지 How To Create Responsive Images input 사용자의 입력을 받는 태그입니다. 자주 .. 2022. 1. 31.
HTML 코드 구조 파악 HTML 코드 구조 파악 HTML 코드 기본 구조 상세 파악 doctype 웹브라우저에게 해당 문서는 HTML 문서라는 것을 명시하기 위한 태그입니다. html HTML 문서의 범위를 알려주는 태그입니다. 시작과 끝에 태그를 열고 닫아주면 됩니다. 속성 lang: 문서가 어떤 언어로 작성되어있는지 명시하는 용도. ex) ko, en 등.. head 문서에 대한 메타데이터를 넣는 태그입니다. head 태그 내부에는 주로 meta, link, title 태그 등이 들어가게 됩니다. body 실제 화면에 표시되는 내용을 넣는 태그입니다. meta 메타데이터를 설정하기 위한 태그입니다. meta 태그 속성 charset: 문자 인코딩 방식 설정 ex) utf-8.. name: 메타정보 이름 ex) author,.. 2022. 1. 28.