EverGiver

div 태그 : 분할 태그, 상자 태그 div 태그를 사용하기 위한 3가지 css 속성 1. width : 가로 값 2. height : 세로 값 3. background-color : 선택한 html 태그에 배경색을 넣어주는 css 속성 span 태그 : 단순 글자 태그 혼자서 사용하면 아무런 의미가 없는 태그이지만 다른 태그 안에 들어가서 그 부분만 내가 원하는 css속성을 적용하고 싶을 때 사용하는 태그 color / css 속성의 경우 태그에 사용하면 태그 안에 있는 모든 글자가 전부 동일한 색으로 변경이 되는데 span 태그를 사용하면 그 부분만 다른 색으로 변경하거나 기타 여러 가지 css속성을 적용할 수 있다. 우선순위 선택자 : 선택자에 따라서 우선적으로 속성이 적용되는 순서 css속성은 ..

CSS 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어 html 태그를 꾸며주는 속성 스타일시트 적용방법 내부 직접 스타일시트 : style을 적용시킨 태그에만 적용 - 적용방법 내부직접스타일시트 태그에 직접 css속성 작성 2번파일 3번파일 1번파일 1번파일 1번파일 1번파일 1번파일 1번파일 1번파일 1번파일 1번파일 © 2021​ 내부 스타일시트 : 안에 적용 - 적용방법 ​ 내부스타일시트 css속성을 따로 작성 1번파일 3번파일 2번파일 2번파일 2번파일 2번파일 2번파일 2번파일 2번파일 2번파일 2번파일 ​ 외부 스타일시트 : 하나의 스타일로 여러 개의 html페이지에 적용하여 사용할 때 편리하며 유지, 보수에 유리..

favicon title 밑에 작성 ​ cf) 포토샵이나 기타 디자인 툴을 활용해서 가로세로 32px 캔버스를 만들어준 다음, 안에다가 원하는 이미지를 기왕이면 배경을 없애서 png파일로 저장하는 걸 추천한다.

태그 이미지를 출력해주는 태그 - alt = "" º 평소에는 보이지 않는다. º 여러가지 오류로 인해서 혹시나 이미지가 출력하지 않는 상황일 때 이미지를 대신해서 설명으로나마 보여주기 위해 사용한다. º 작성하지 않아도 이미지를 출력하는데 아무런 지장이 없다. ​ img 경로 - 상대경로 : 상대적으로 이미지를 찾는 방법 (내가 이미지 파일을 갖고 있으면 그 파일을 그대로 불러와서 출력하는 방식) º 장점 1. 이미지 파일을 가지고 있는 이상 절대로 사라질 일이 없다. 2. 인터넷이 연결되어 있지 않아도 상관없다. º 단점 1. 이미지를 일일이 들고 다녀야 한다. - 상대경로 찾는 방법 (HTML 파일이 있는 위치를 기준으로 찾는다) 1. HTML 파일과 사진이 같은 위치에 있으면 2. 다른 폴더에 사..

태그 텍스트 또는 이미지 하이퍼링크 태그 : 웹페이지의 이동 사용 시 주의사항 - 반드시 https / http 구문은 무조건 있어야 한다. 새창에서 연결 - 경로 옆에 target="_blank" 입력 ​ 네이버1 네이버2 네이버3 네이버4

텍스트 태그 기본 틀 → '이 파일이 html파일 입니다'라고 선언해주는 명령어 → '이 파일이 한국어로 베이스로 작업한다'라고 선언해주는 명령어 → html태그들을 작성해주는 실질적인 공간 여기안에다가 작성 ​ 태그 (제목 태그) - 특징 1. 사용하면 글씨가 굵어지는 특징이 있다. 2. 태그 이름 옆에 숫자가 붙는다. 3. h1 ~ h6까지만 있다. ☆ h1 = 웹사이트의 가장 큰 제목(로고) ☆ h2 = 웹사이트의 가장 큰 메뉴 ☆ h3 ~ h6 = 가장 큰 메뉴를 보조해주는 메뉴 4. 숫자가 높아질수록 글씨 크기가 작아진다. 태그 (문단 단락 태그) : 기사 등에서 본문의 내용이 달라질 때 문단을 나눠주기 위해 사용하는 태그 - 특징 1. html에서는 스페이스바는 딱 한 칸만 인식이 된다. → ..