HTML, CSS 73

가장 인접한 형제 찾아서 CSS 적용시키기

예약 방법 및 요금 객실을 예약하려면? 예약 방법 직접 통화 : 000-0000-0000 문자 메시지 : 000-0000-0000 상세 요금 1인실 : 40,000원 2인실 : 60,000원 3인실 : 80,000원 4인실 : 100,000원 h1 + p의 의미는 h1에서 가장 가까운 형제인 p를 찾아서 css를 적용시킨다는 의미이다. 만약 h1 + ul이라고 작성한다면 css는 제대로 적용되지 않는다. 그 이유는 h1의 가장 근접한 형제는 p이기 때문이다!

HTML, CSS 2021.06.02

틸드 선택자를 사용해서 css 적용하는 방법(원하는 클래스명과 일치하는 요소 찾기/클래스명 포함하는 요소 찾기 등)

간단한 설명 [속성] - 지정한 '속성'일 때 스타일을 적용함. [속성=값] - '값'에 일치할 때 스타일을 적용함. [속성~=값] - 여러값들 중에 값이 포함되어 있는데 정확하게 포함된 것에만 스타일을 적용함. [속성|=값] - 값이 포함되어 있을 때(하이픈 포함 단어도 된다.) 만 스타일을 적용함. [속성^=값] - 값으로 시작할 때 스타일을 적용함. [속성$=값] - 값으로 끝날 때 스타일을 적용함. [속성*=값] - 값이 어디에 있든 포함만 되면 스타일을 적용함. 원하는 클래스명과 일치하는 요소 찾아서 CSS 적용하기 메뉴 1 메뉴 2 떡볶이 비빔밥 원하는 단어를 포함하는 클래스명을 찾아서 CSS 적용하는 방법 외국어 서비스 : 영어 영어 일어 |= 사용법 : 원하는 ..

HTML, CSS 2021.06.02

fieldset, legend 태그 사용하기 / HTML5의 대표적인 공간 분할 태그(div, span)

로그인 아이디 비밀번호 연관 있는 입력 양식 그룹으로 묶는 방법 fieldset, legend 태그 사용하기 HTML5의 대표적인 공간 분할 태그 div 블록 형식으로 공간 분할 한줄을 다 잡아먹는다. span 인라인 형식으로 공간 분할 자신의 글자 크기만큼 영역 차지 왼쪽에서 오른쪽으로 쌓임 시맨틱 태그 시맨틱 태그를 사용한 시맨틱 웹 구현

HTML, CSS 2021.06.02

시맨틱태그_설명(html 웹 문서 구조)

시맨틱 태그 시맨틱 태그를 사용한 시맨틱 웹 구현 header ① nav ② aside ③ section ④ article ⑤ article ⑤ article ⑤ aside ③ footer ⑥ 태그 설명 태그 설명 ① header 머리말(페이지 제목, 페이지 소개) ② nav 하이퍼링크들을 모아 둔 내비게이션 ③ aside 본문 흐름에 벗어나는 노트나 팁 ④ section 문서의 장이나 절에 해당하는 내용 ⑤ article 본문과 독립적인 콘텐츠 영역 ⑥ footer 꼬리말(저자나 저작권 정보)

HTML, CSS 2021.06.02

form 데이터 전달을 위한 기초 개념

# 입력 형식 태그와 문서 구조화 (모듈화) ### form 태그 - input - text - submit ### form 데이터 전달 방식 - method - GET : 주소에 데이터를 직접 입력해 전달 - POST : 별도의 방법을 사용해 데이터를 해당 주소로 전달 - action - 데이터를 전달할 경로 ### form 태그 입력 양식 종류 - input - text : text / 글자 입력 양식 생성 - button : button / 버튼 생성 - checkbox : 체크 박스 생성 - file : 파일 입력 양식 생성 - hidden : 보이지 않음 / 해당 내용 표시 안 함 - image : 이미지 형태 생성 - image 태그를 굳이 사용하지 않아도 나타낼 수 있다. - password..

HTML, CSS 2021.06.01

태그 종류, video, img, source, audio 등

자주 사용하는 프론트엔드 함수 alert() confirm() : 매개변수로 String(문자열) 타입을 가지고 리턴값이 bool(참 : true,1 / 거짓:false, 0) 값에 따라 프로그램 제어할 수 있음. 기억해야 하는 html 태그 p : p태그는 문장을 나타내는 태그이다. 하나의 단락을 차지한다. span : span태그는 단어나 문장의 글자만 선택을 해준다. br태그는 줄바꿈을 해주는 태그이다. br : 줄바꿈 hr : 수평 줄 삽입 a (anchor) : 다릅 웹 페이지나 웹 페이지 내부의 특정 위치로 이동 href : hyper reference를 의미 href="#test" : id 지정한 태그 위치로 이동할 수도 있다. _self : 기본창(본인 창) default _parent :..

HTML, CSS 2021.05.31
728x90
반응형
LIST