공부하자 322

div 태그와 span 태그

div 태그와 span 태그태그 이름설명divblock 형식으로 공간을 분할한다.spaninline 형식으로 공간을 분할한다. 아래 예제를 보면 쉽게 이해할 수 있다. div분할부분1div분할부분2div분할부분3div분할부분4 해당 부분은 F12버튼으로 요소를 클릭하여 페이지 소스를 확인한 것이다.이는 스타일 적용시에 유용하게 사용하되며, 간단하게 '페이지 구분‘을 짓는 기능 이라고 생각하면 된다.span 태그문서의 그룹 인라인 요소로 사용된다. 그 자체로는 시각적인 변화를 표현할수 없지만, 텍스트 또는 문서의 일부분에 스타일을 적용하기 위해 사용될 수 있다. 아래 예제를 보면 쉽게 이해할 수 있다. span분할부분1span분할부분2span분할부분3span분할부분4 해당 부분은 F12버튼으로 요소를 클릭..

공부하자/HTML 2017.04.30

textarea 태그/ select 태그 / fieldset 태그 / legend 태그

textarea 태그아래 예제를 보면 쉽게 이해할 수 있다. select 태그속성 이름설명select선택 양식을 생성한다.optgroup옵션을 그룹화한다.option옵션을 생성한다.multiple한번에 옵션을 확인할 수 있다. 아래 예제를 보면 쉽게 이해할 수 있다. 옵션박스1 옵션박스2 옵션박스3 옵션박스4 옵션박스1 옵션박스2 옵션박스3 옵션박스4 응용 버전 옵션박스1 옵션박스2 옵션박스3 옵션박스1 옵션박스2 옵션박스3 fieldset 태그 와 legend 태그아래 예제를 보면 쉽게 이해할 수 있다. legned 태그 이름 이메일

공부하자/HTML 2017.04.18

여러가지 입력 양식 태그

입력 양식 태그 사용자에게 입력받는 공간을 의미하며, form 태그 공간 안에 원하는 기능을 구현하면 된다. 속성 이름설명action입력 데이터의 전달 위치를 지정한다.method- get- post입력 데이터의 전달 방식을 선택한다.?search=rint 형태로 URL 변경이 된다주소가 변경되지 않는다.(비밀스럽게 데이터를 전달하는 방식)button버튼을 생성한다.checkbox체크박스를 생선한다.file파일 입력 양식을 생성한다.hidden보이지 않게 설정한다.image이미지 형태를 생성한다.password비밀번호 입력 양식을 생성한다.radio라디오 버튼을 생성한다.reset초기화 버튼을 생성한다.submit제출 버튼을 생성한다.text글자 입력 양식을 생성한다. 아래 예제를 보면 쉽게 이해할 수 ..

공부하자/HTML 2017.04.18

오디오 태그 속성 / 비디오 태그 속성

오디오 태그 속성속성 이름설명src음악 파일의 경로 지정preload음악을 재생하기 전에 모두 불러올지 지정autoplay음악을 자동 재상할지 지정loop음악을 반복할지 지정controls음악 재생 도구를 출력할지 지정 아래 예제를 보면 쉽게 이해할 수 있다. video 태그 속성속성 이름설명src비디오 파일의 경로 지정preload비디오를 재생하기 전에 모두 불러올지 지정autoplay비디오를 자동 재생할지 지정loop비디오를 반복할지 지정controls비디오 재생 도구를 출력할지 지정width비디오의 너비를 지정height비디오의 높이를 지정poster비디오 준비 중일 때의 이미지 파일 경로 지정 아래 예제를 보면 쉽게 이해할 수 있다.

공부하자/HTML 2017.04.18

테이블 요소 및 테이블 태그 속성

테이블 요소 태그 태그 이름설명tr표 내부의 행 태그th행 내부의 제목 셀 태그td행 내부의 일반 셀 태그HTML페이지에서 표를 만들 때 사용하는 태그이다. 아래 예제를 보면 쉽게 이해할 수 있다. 행 내부의 제목 셀 태그 행 내부의 제목 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 행 내부의 일반 셀 태그 테이블 태그 속성 속성 이름설명border표의 테두리 두께를 지정rowspan셀의 높이 지정colspan셀의 너비 지정 아래 예제를 보면 쉽게 이해할 수 있다. //테두리 두께 1px 지정 셀의 너비 지정 3 셀의 높이 지정 3 Table Data 셀의 높이 지정 2 Table Data Table Data Table Data

공부하자/HTML 2017.04.18

목록 태그/ 정의 목록 태그

목록 태그웹 페이지에 빼놓지 않고 등장하는 요소이다.태그 이름설명ul순서가 없는 목록 태그ol순서가 있는 목록 태그li목록 요소 아래 예제를 보면 쉽게 이해할 수 있다. 목록요소 순서가 있는 목록 목록요소1 목록요소2 목록요소3 순서가 없는 목록 목록요소1 목록요소2 목록요소3 정의 목록 태그태그 이름설명dl정의 목록 태그dt정의 용어 태그dd정의 설명 태그특정 용어와 그 정의를 표할할 때 사용하는 태그이다. 아래 예제를 보면 쉽게 이해할 수 있다. 정의 용어 태그 정의 설명 태그1 정의 설명 태그2 정의 설명 태그3 정의 용어 태그 정의 설명 태그1 정의 설명 태그2 정의 설명 태그3

공부하자/HTML 2017.04.18

phpmyadmin 간단 설치방법

phpmyadmin 간단 설치방법 1. https://www.phpmyadmin.net/downloads/ 해당 주소에 접속해서 다운받습니다. 2. 다운받은 'phpMyAdmin-4.7.0-all-languages' 파일을 FTP프로그램 (알드라이브)에 넣어 파일을 업로드해줍니다.PUTTY사용하실 줄 아시는 분은 압축된 파일을 unzip 명령어를 사용하여 풀어주고 (unzip phpMyAdmin-4.7.0-all-languages.zip) *사용을 모르시는 분들은 업로드하기전에 압축을 미리 풀어서 업로드 하세요. 카페24 같은경우 자체적으로 mysql을 지원해주고 있기 때문에 별도로 설치가 없습니다.이름이 좀 이상하니가 mv 명령어를 이용하여 해당 디렉토리를 간단하게 phpMyAdmin으로 변경해줍니다...

XE 란 무엇인가?

XE 란 무엇인가?XE는 'eXpress'와 'Engine'이라는 두 단어를 합쳐 만든 이름으로, '사람들이 자신의 생각이나 느낌을 표현할 수 있도록 도와주는 장치'라는 의미를 담았다.XE는 서버 컴퓨터에 설치해서 쓰는 웹 사이트 제작 프로그램입니다. 웹 사이트를 만들기 위해서는 HTML, CSS, PHP, SQL 등과 같은 프로그래밍 언어를 기본적으로 알아야 합니다. 하지만 XE를 사용하면 프로그래밍 언어를 잘 모르더라도 웹 사이트를 쉽게 만들 수 있다. XE는 XE core라는 핵심 프로그램을 기반으로 다양한 추가 기능을 조합하여 사용자가 원하는 웹 사이트를 제작할 수 있다. XE 기능 및 특징손쉬운 사이트 구축XE는 Textyle(블로그형), CafeXE(카페형), PlanetXE(마이크로 블로그형..

카페24에 도메인 연결하는 방법[웹호스팅]

카페24에 도메인 연결하는 방법[웹호스팅] 1. 카페24에 로그인 후 > '나의서비스관리' 를 클릭 2. 호스팅관리 > 기본관리 > 도메인 연결관리 > '도메인 추가 연결 및 관리' 를 클릭 3. 1번에 해당되었을 경우 해당 도메인을 클릭 > '연결하기' 클릭하면 완료 [홈페이지와 도메인이 연결되기까지 1분~12시간까지 소요될 수 있습니다.] 2번에 해당되는 경우[ 글쓴이 같은 경우 ] 다른 웹호스팅에 도메인을 구입하였다면 따로 등록을 해줘야됩니다. 2-1 '도메인 직접 입력하기' 클릭 > 빨간네모칸에 '구입한 도메인명' 입력 > 연결하기 클릭 2-2 도메인 구입하신 업체에 문의하여 해당 도메인의 네임서버를 아래와 같이 변경해줍니다. 4. 1번이나 2번이 완료 되었다면 아래와같이 나올 겁니다.[홈페이지와..