스타일과 스타일 시트 스타일 형식속성명 : 값;…→ 선택을 무엇으로 할 것인지, 속성명을 무엇으로 할 것인지가 중요하다!! } 속성명 : 값; 선택자 { 스타일을 표기하는 방법 스타일 주석 설명 적용 배제 /* 설명 …* 스타일과 스타일 시트 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것스타일 정의→ 문제가 많아서 잘 안 쓴다. 외부 스타일 시트 확장자 : 파일명.css → 보통 내부, 인라인 스타일 시트보다 외부 스타일 시트를 이용한다. 인라인 스타일 태그 속성 - style 속성에 직접 스타일 정의 실습) 04 폴더 안에 css폴더 만들어서 style.css 파일 만들기 거기서 작성시작! ex01.html에 코드 넣어주기 주요 선택자 전체 선택자 : 모든 태그 요소를 선택 :..
WEB
https://dm.n-mk.kr/manager/login → 아이디 회원가입 여기서 많이 보고 할것이다. 폼 만들기 양식 태그 input : 입력 text - 한줄 텍스트 입력 password - 비밀번호 전용 / 입력 텍스트 감춤 처리 radio - name 속성이 같은 여러개 중에서 한개 선택 → name 그룹당 하나만 선택 가능 checkbox - 여러개 중에서 여러개를 선택 submit - 양식 제출 버튼 reset - 다시 입력 버튼button 태그 → 기본값이 submit 이라서 제출됨 reset - 다시 입력 버튼 button - 일반 버튼 → 보통 얘를 많이 쓴다. type : submit - 제출 버튼 (기본값) 참고) value :submit, reset → 버튼명name :반드시 n..
→ 24년 3월 21일 첫번째 강의 녹화 없음 어려운 부분 물어봐서 두번째 영상 첫번째에 잘 설명해주심! 이미지 웹에서 사용하는 이미지 형식 GIF - 최대 256가지 색상, 이미지 파일 형식에 비해 파일 크기가 작음(아이콘 등으로 많이 사용). 움직이는 이미지 만들수 있음 JPG - 사진을 위해 개발된 형식 PNG - 투명 배경도 가능, 네트워크용으로 개발 → 웹에 특화됨, 많이 사용할 것이다. 태그 - 이미지 삽입하기 src 속성실습)아임닭 로고에 마우스 올려놓고 오른쪽 클릭해서 검사 들어가면 로고에 다시 돌아와서 아임닭 로고에 마우스 올려놓고 오른쪽 클릭하고 이미지 다른 이름으로 저장해서 다운 받기, 다운 받은 사진 03 폴더에 넣기 → 웹 앞에 /가 있으면 절대경로 https://www.imdak..
→ 앞으로 사용할 기본 구조!! Lorem하고 엔터치면 무작위 문장을 만들어준다 뉴스에서 한 문단을 태그 안에 넣기 너무 기니까 View에서 Word Wrap 클릭하면 보기 편하게 해준다. Lorem Lorem Lorem → 실행결과 Lorem 주변 아래 박스 다 오렌지색 텍스트 관련 태그들 텍스트를 덩어리로 묶어 주는 태그(block 레벨 태그) 블록 레벨 : 혼자 한 줄을 차지, 너비가 100이라는 것이다. 인라인 레벨 : 줄을 차지 하지 않는 요소 문서 문단 : block 레벨 태그 p 태그 - paragraph -너비, 높이 지정 -외부 여백 상하 좌우 적용 가능 문장 : inline 레벨 태그 a 태그, span, i -너비, 높이 못 함 -외부여백(margin 좌우만 적용 가능 문장1 문장2 ..
네이버 빈 화면에 마우스 오른쪽 버튼→검사 네이버 웹페이지는 어떻게 되어 있는 지 한 번 보기! Always match Chrome’s language 파란 버튼 누르면 한글로 보인다. ? 웹 표준 -웹사이트를 만들 때 지켜야 하는 약속 HTML 기본 문서 구조 태그 … : 단일 태그 → 간단한 HTML 문서 만들기 HTML 문서 기본 구조 살펴보기 → HTML5 버전임을 알려주는 태그 → 사이트에서 보이지 않는 부분 : 정보, 자원(스타일 파일, 자바스크립트 파일) / meta 사이트에 대한 정보를 넣는다. → 눈에 보이는 출력하는 기능, 사이트에 대한 정보가 담겨져 있다. 정보를 정의한다. ~ → /는 생략 가능 ex) → 여는 태그 닫는 태그 웹 문서에서 특수 문 d 드라이브 조정인 폴..
