HTML,CSS 14

HTML 스터디 : CSS 가상 클래스

가상 클래스 (:hover, :first-child, :nth-child) A: link 아직 방문하지 않은 페이지의 링크에 A:visit 이미 방문한 페이지의 링크에 A:hover 해당 요소에 마우스를 올렸을 때 A:active 해당 요소를 선택 또는 마우스 클릭을 했을 경우 P:focus 해당 요소에 포커스(초점)이 옮겨졌을 때 P:target 링크를 특정 위치로 이동시킬 때, 그 이동 타겟이 되는 P요소에 P:enabled disabled 속성이 설정되어 있지 않은 P요소에. P:disabled disabled 속성이 설정되어있는 P 요소에 P: checked P요소에 라디오 버튼, 체크 박스 등이 선택 됐을 때 P:nth-child() 같은 부모 요소내의 n번째 자식 요소들(P 요소들)에 대해. ..

HTML,CSS 2020.12.16

HTML 스터디 : 태그 종류

태그 종류 HTML태그 : HTML로 작성되어 있다는 것을 알려줌. html 파일 전체를 감싸는 태그 HEAD 태그 : 머리말에 해당함. css나 javascript를 연결해줌. 파비콘이나 문자열 인코딩과 같은 문서의 다양한 정보를 제공. META 태그 : 문서의 문자열 인코딩 등과 같은 문서의 다양한 정보를 제공. TITLE 태그 : 타이틀바에 입력될 텍스트 LINK 태그 : 주로 외부 css 파일을 연결할 때 사용 SCRIPT 태그 : 외부 js 파일을 연결하거나 javascript 코드를 입력할 때 사용 BODY 태그 : 본문에 해당하는 부분 실제 보여지는 화면에 해당 P 태그 : 단락을 나눌 때 사용 HTML에서는 엔터를 쳐서 여러 문장을 입력하더라도 줄바꿈이 적용되지 않음 P태그 안에서는 하나의..

HTML,CSS 2020.12.15

HTML 스터디 : 태그 간단 정리

HTML이란? HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성 태그란? HTML를 구성하기 위한 요소 꺽쇠 괄호에 둘러 쌓여 있음 : 태그의 분류 Block 태그 Block 태그는 새로운 라인에서 시작 되며, Block 태그 다음에 오는 모든 태그들은 새 라인에서 시작 >> 행렬로 비교하면 행에 해당 Block 태그들은 css의 속성 중 height, width, margin, padding을 적용할 수 있다. 예 : , Inline 태그 Inline 태그들은 새라인에서 시작하지 않고 현재 라인에서 시작 >> 행렬로 비교하면 열에..

HTML,CSS 2020.12.14