font-family 속성 웹 문서에서 사용할 글꼴 지정 태그를 비롯해 태그나 태그처럼 텍스트를 사용하는 요소들에서 사용 지정한 글꼴이 없을 경우에 대비해 두 번째, 세 번째 글꼴까지 지정. 둘 이상의 글꼴 이름을 지정할 때는 쉼표(,)로 글꼴 구분 태그 스타일에서 한 번 정의하면 문서 전체에 적용되고 문서 안의 모든 자식 요소에 계속 같은 글꼴이 사용됨. 단위를 사용해 글자 크기 지정하기 font-size 속성 font-style 속성 글자를 이탤릭체로 표시하는 속성 font-style: normal | itelic | oblique font-weight 속성 글자 굵기를 조절하는 속성 웹폰트 해보기 1. 웹 개발 시작하기 1-1. 웹 개발 알아보기 1-2. 웹 개발, 어디서부터 시작할까 구글 웹폰트 ..

인라인 제목 내부스타일 시트 제목 우선순위 테스트1 우선순위 테스트1 우선순위 테스트2 오늘 수업 끝날 무렵 제목 우선순위 테스트1 우선순위 테스트1 우선순위 테스트2

CSS (Cascading Style Sheets) 웹페이지를 꾸미려고 작성하는 코드 캐스케이딩의 의미 캐스캐이딩(Cascading) : ‘위에서 아래로 흐른다’는 뜻. 즉 계단식으로 적용된다는 의미로 사용. 선택자에 여러 스타일이 적용될 때 스타일 충돌을 막기 위해 우선순위에 따라 적용할 스타일을 결정함. 스타일 충돌을 막는(캐스캐이딩)의 원칙 ① 스타일 우선순위 - 스타일 규칙의 중요도와 적용 범위에 따라 우선순위가 결정되고 그 우선순위에 따라 위에서 아래로 스타일 적용 ② 스타일 상속 - 태그들의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달 (지역변수, 전역변수) 인라인 스타일 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시 스타일을 적용하고 싶은 태그에 ..

전송 a1 a2 a3 a4 축구 야구 족구 농구 전송 수량() 수량2() 전송 text type = “text” 한 줄짜리 텍스트 입력 필드 주로 아이디나 이름, 주소 등 텍스트 입력 password type = “password” 비밀번호 입력란 사용자가 입력하는 내용이 ‘ * ’나 ‘•’로 표시된다 type = “search” 검색 필드 검색 창에 x 표시가 되어 검색어 삭제 쉬움 type = “url” 웹 주소 필드 http://’로 시작하는 사이트 주소 입력 type = “tel” 전화번호 입력 필드 사용자 입력을 체크하지는 않음. email type = “email” 메일 주소 입력 필드 메일 주소 형식 자동 체크 전송 checkbox type = “checkbox” 여러 항목 중 둘 이상을 선..

폼 삽입하기 웹에서 만나는 폼 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들은 모두 폼(form) 폼과 관련된 대부분의 작업들은 정보를 저장하거나 검색하거나 수정하는 일들 이런 작업은 모두 데이터베이스를 기반으로 한다. 아이디를 입력하는 텍스트 필드나 버튼 같은 폼의 형태를 만드는 것은 HTML 태그 폼에 입력한 사용자 정보를 처리하는 것은 ASP나 PHP 같은 서버 프로그래밍 이용 method get: 256 ~ 4096 byte 까지 서버로 넘길 수 있다. post: 입력한 내용의 길이에 제한받니 않고 사용자가 입력한 내용도 드러나지 않는다. 태그 태그와 같은 폼 요소에 레이블을 붙일 때 사용 레이블 하기 전 아이디: 비밀번호: 레이블 한 후 아이디: 비밀번호: 축구 야구 족구 농구 id 한개만 ..

object 태그 음악 파일 뿐만 아니라 동영상이나 자바 애플릿, PDF 파일 등 다양한 개체를 삽입 기본형 - data – 재생할 파일 지정 - width, height – 플레이어 화면 크기 지정 웹 문서에 PDF 파일 삽입하기 오디오 비디오 플레이어 표시 없이 배경 음악 넣기 비디오 자동 재생하기 하이퍼링크 태그 네이버 네이버 카카오 구글 페이스북