HTML(3)
-
HTML 구성 요소
1. HTML 요소 ( HTML Elements) HTML에서 시작・종료 태그로 이루어진 모든 명령어를 의미 ex) 예시입니다., 다른 예시 2. 태그(Tag) 요소의 일부로 에 /가 없으면 시작 태그이고, /가 있으면 종료 태그입니다. ex) ,, 등이 있습니다. 3. 속성(attribute) 테그가 어떤 역할 할지 정할 때 사용하는 것 ex) onclick = "clickbutton()", class="title", id ="title" 4. 콘텐츠(Content) 시작 태그와 종료 태그 사이에 있는 내용 예를 들어서, 태그 사이에, '안녕' 이라는 문구가 있다면, 안녕이 출력 됩니다.
2024.02.19 -
가상요소와 가상 클래스란
가상요소와 가상 클래스의 차이를 비교하면, 1. 가상 요소와 가상 클래스의 차이 가상 요소는 특정 환경이 발생하면, 스타일을 변화 시키며, 가상 클래스는 스타일을 변화시키는 코드입니다. 2.가상 클래스와 가상 요소의 사용 방법? 가상 클래스는... 선택자:가상 클래스 { property: value; } 가상 클래스는 :를 사용하고, 아래 처럼 가상 요소는 ::를 쓰는 것이 차이입니다. 선택자::가상 요소{ property: value; } 3.가상 클래스의 종류 가상 클래스의 개념을 정리했고, 아래는, 가상 클래스의 종류입니다. :hover -> 요소에 커서 올렸을 때 스타일 지정 :first-child -> 부모의 자식 요소중에서 첫번째 요소에 스타일 지정 :nth-child(2) -> 부모의 자식 ..
2024.02.16 -
HTML이란
1.HTML이란? HTML(Hyper Text Markup Language)을 알기 위해서 영어 부터 해석을 할 수 있어야합니다. 'Hyper Text'는 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동할 수 있는 기능이고, 'Markup Language' 는 태그를 활용해서 문서에서 어느 부분이 제목이고, 본문인지, 어느 것이 사진인지를 표시하는 것입니다. 2. 태그(tag)란? 위에서 언급한, 태그는 에 태그 이름(html, div....)을 넣어서 사용합니다. 태그의 시작은 에 태그 이름이 있으면 시작이고, 안에 /가 있으면 끝입니다. 아래 예시를 보면 알 수 있습니다. // html 태그 시작 // html 태그 끝 3.와 태그란? ⓐ 태그에 웹 브라우저가 알아야할 정보 모두를 넣을 수 있..
2024.01.10