목록프로그래밍/html & css (12)
쌓고 쌓다
CSS 삽입 방법 1. 배경 색상 내용 글자 색상 => color 내용 + 색상코드 R G B로 각각의 색깔이 포함된 정도를 16비트로 2자리씩 표현하여 사용할 수 있다. 내용 R(16진수 da는 10진수로 218) G(70은 10진수로 112) B(d6는 10진수로 214)가 포함된 색상이다. 글자 정렬 => text-align 제목 줄 간격 => line-height 안녕하세요. 반갑습니다. 밑줄 => text-decoration 안녕하세요.저의 이름은 홍길동입니다. 폰트 설정 => font-family 안녕하세요. 홍길동입니다. 글자 크기 => font-size 안녕하세요. 홍길동입니다. 글자 굵기 및 폰트 스타일 => font-weight 및 font-style 안녕하세요. 홍길동입니다. 글자 그..
폼 양식 사용자가 키보드 또는 마우스로 데이터를 입력하거나 선택할 수 있는 서식을 뜻한다. 텍스트 입력 이름: 비밀번호 입력 비밀번호: 라디오 버튼 이메일 수신 : 예 아니요 하나만 라디오 버튼을 누르게 하려면 이름(name)을 동일하게 하여 그룹으로 묶어주어야 한다. checked 옵션은 초기에 선택된 상태로 설정할 수 있다. 체크 박스 분야 선택 분야1 분야2 분야3 라디오와 달리 중복 선택이 가능하다. 파일 업로드 파일 업로드 버튼 이름 : value 속성은 버튼에 표시되는 텍스트를 설정한다. type 속성이 submit인 저장 버튼을 누르면 'insert.php' 페이지로 이동한다. php 파일을 이용하여 DB에 저장할 수 있다. + 태그 태그로 버튼을 생성할 수 있고 태그로도 생성 가능하다. 이..
오디오 속성 설명 src 오디오 파일명(경로) 설정 controls 화면에 플레이어 표시 autoplay 자동 재생 loop 무한 반복 비디오 속성 설명 src 비디오 파일명(경로) 설정 width 너비 height 높이 controls 화면에 플레이어 표시 autoplay 자동 재생 loop 무한 반복 순서 없는 목록 (Unordered List) 내용1 내용2 내용3 글머리 기호가 기본적으로 점으로 나온다. CSS를 이용해 글 머리 기호를 변경하거나 아이콘 이미지로 사용 가능하다. 순서 있는 목록 (Ordered List) 내용1 내용2 내용3 각 목록의 앞에 항목의 순서를 의미하는 일련번호가 붙는다. 하이퍼링크 태그를 이용해 텍스트나 이미지 등 요소에 링크를 걸어둘 수 있다. 이것을 이용하여 다른 ..
글 제목 : ~ 글 제목을 위해 , , ..., 태그가 존재한다. h1태그 h2태그 h3태그 h4태그 h5태그 h6태그 이 태그에 style 속성을 사용하여 CSS를 정의할 수 있다. h1태그 h2태그 단락 : 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다반갑습니다 각 단락 다음 줄에는 빈 줄이 들어간다. 줄 바꿈 : 아래처럼 엔터로 줄바꿈을 하더라도 실제 페이지에서는 적용이 안된다. 1. 안녕하세요 2. 반가워요 3. 잘있어요 4..