언어/HTML & CSS35 입문) HTML 과 CSS (LIST , 간단한 메뉴 리스트) HTML 기본태그 ㅡ리스트 ul : unorderde list 순서 상관 없음. (점)ㅡli ol : ordered list 순서 중요함. (1.2.3.4. 순서나옴) ㅡ li dl : 데이터 리스트 (단어의 정의) ㅡ 중첩 ul , li와:hover ㅡ중첩 ul : ul 안에 li 에 ul이 들어가고 무한히 반복 가능함 ㅡ작성법 ul>li*2 ==리스트 2개 만들기 ul>li*2>a[href=#] +탭 == li의 a링크의href 의 값이 #인것 2개 만들기 :hover ==마우스가 올려진!! go 동물 포유류 조류 식물 과일 야채- HTML 기본태그 ㅡ네비게이션 : 작업물이 네비게이션이다 하면 사용함 (메뉴관련) nav>ul>li*2>a[href=#]{메뉴 아이템 $} 작성하기. ㅡㅡㅡ실습 go "메.. 2023. 6. 4. 입문) HTML CSS (display 속성 block) CSS ★ 3대 속성 : position, display, float ★ 이번에는 display 속성에 대해 알아보자 ㅡ display 속성 : css 레이아웃을 잡는데 있어서 가장 많이 사용되는 속성이다. ㅡ display 종류 ex)기본 3가지 display:none; 아예 안보이게 없앤다. dispaly :block; 각각 나 혼자 한줄 다씀 (줄바꿈) dispaly:inline-block; 한줄 안에 다 들어가는 것. (글자화 ) dispaly:inline : 인라인블럭과 비슷하다 white-space:nowrap; 절대 줄바꿈 하지 마세요 HTML에서 ㅡ블록요소란 ? 어떤 엘리먼트에 display 속성이 block 이다. 대표적으로 div ㅡ인라인요소란? 대표적으로 span 이 있다. secti.. 2023. 6. 4. 입문) HTML 과 CSS 기초 (선택자) *먼저 코딩 연습할 사이트 열기 가장 하단에 있음. HTML : 배우 (보여지는 것) CSS : 코디 (꾸며주는 것) ㅡ HTML 과 CSS 의 관계 꾸며주는 속성은 CSS에 넣어준다. 둘을 이어준다. HTML -구조 : 에리먼트 = 요소 : 엘리먼트 하나의 태그가 시작되고 /끝나는 것 >>>>>>여기 내용 작성 하게 됨 ; 가장 기본적인 태그 ( 나누다) :헤드와 바디는 형제자매 아래에는 모두 자식 -반복 주기 구조 section{$ 안녕}*5 후 탭 li*4>a ==각각a 버튼이 4개 생긴다. target="_blank" 새창으로 ex) 예제 11 22 33 444 CSS 선택자란? CSS 가 HTML을 연결해주는 방법 * {} = 모두선택 div section { background-color:bl.. 2023. 5. 31. 이전 1 ··· 6 7 8 9 다음