HTML5 7

[CSS] 기타 선택자

1. 속성 선택자 선택하고자 하는 요소내에 작성되어있는 속성을 이용하여 선택하는 방법 선택자 뒤에 []를 이용하여 속성과 속성값을 제시하면서 선택 선택자[속성=속성값] { 스타일속성:값 } => 속성값이 "일치"하는 요소 선택자[속성~=속성값] { 스타일속성:값 } => 속성값에 단어가 "포함"되어있는 요소(공백으로 구분, 단어로써) 선택자[속성|=속성값] { 스타일속성:값 } => 속성값에 단어로 "시작"하는 요소(-로 구분, 단어로써) 선택자[속성^=속성값] { 스타일속성:값 } => 속성값으로 "시작"하는 요소 선택자[속성$=속성값] { 스타일속성:값 } => 속성값으로 "끝"나는 요소 ..

Front-end/CSS 2024.06.27

[CSS] 기본 선택자

CSS 기본선택자 선택자란? 특정 html요소를 선택하고자 할 때 사용하는 기능 해당 요소를 선택하여 원하는 '스타일'과 '기능'을 적용시킬 수 있음 1. 모든(전체) 선택자 : * 현재 이 문서의 모든 요소들을 선택하고자 할 때 사용 * { 스타일속성 : 값; 스타일속성 : 값; } 2. 태그 선택자 : 태그명 현재 이 문서의 해당 태그들을 모두 선택하고자 할 때 사용 여러 태그가 동일한 스타일을 갖는다면 , 로 여러개를 넣을 수 있다 태그명 { 스타일속성 : 값; ..

Front-end/CSS 2024.06.26

[HTML5] 글자 관련 태그

: 제목표시 --> h1 태그 입니다 h2 태그 입니다 h3 태그 입니다 h4 태그 입니다 h5 태그 입니다 h6 태그 입니다 h7 태그 입니다 문단을 나누는 태그 : p, pre 문단을 나누는 태그는 p태그와 pre태그가 있다. p태그는 줄바꿈하고자 한다면 별도로 태그를 작성해야 됨 그리고 공백은 한개의 공백만 표시하기 때문에 별도의      기호를 기술해야 한다. 그리고 2칸 띄우기와 3칸띄우기도 있다. lorem : 의미없는 문단 넣기 --> Lorem ipsum dolor ..

Front-end/HTML5 2024.06.24

[HTML5] 처음 시작

HTML5를 처음 시작 합니다. : 줄바꿈 태그 --> HTML5는 HTML의 완전한 5번째 버전으로 월드 와이드 웹 (World Wide Web)의 핵심 마크업 언어이다. 2004년 7월 Web Hypertext Application Technology Working Group(WHATWG)에서 웹 애플리케이션 1.0이라는 이름으로 세부 명세 작업을 시작하였다. HTML5는 HTML 4.01, XHTML 1.0, DOM 레벨 2 HTML에 대한 차기 표준 제안이다. 비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 액티브X 없이 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 한다. W3C는 2014년 10월 28일 HTML5 표준안을 확정..

Front-end/HTML5 2024.06.24