iframe, span, div태그 iframe태그와 span, div태그에 대해 알아봅시다. iframe이란, i는 in을 의미하며, 1의 html파일 내부에 다른 파일을 포함한다. (1) 임의의 링크 또는 html를 주고 화면안에 틀을 넣을 수 있다. (2) iframe이름을 부여해서 하이퍼링크로 사용할 수 있다. div이란, 여러줄로 출력한다.( 사실상의 입력값은 없음) 는 2 px굵은 빨간선점에 파란글자를 뜻한다. span이란, 한 줄로 출력한다. (글자가 없으면 출력확인이 불가능) 대체적으로, div를 많이 사요요하기때문에 기억해두어야한다. Div와 Span의 차이점이 뭘까요? span과 div의 차이에 대하여 간략하게 작성하려고 합니다. span의 display속성 default값은 inline입니다. div의 display속성.. 더보기 Form태그 Form태그 회원가입양식 메일보내기 //폼태그 액션에 MAILTO 경로를 써준다. 회원 기본 정보 아이디 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호 : 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인 : 4~12자의 영문 대소문자와 숫자로만 입력 메일주소 : 예)id@domain.com 개인 신상 정보 주민등록번호 : 예)1234561234567 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야 : 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개 : 더보기 HR태그 수평선 긋기 HR태그 사용법 태그 속성 비고 태그 수평선 화면 비율/크기 조절 수평선의 색 교체 수평선 크기 조절 HR태그에는 여러가지 속성이 있으나 위의 3가지 속성이 대표적입니다. 1. width속성은 width="500px" 이렇게 크기를 지정하거나 width="50%" 화면에 나타날 비율을 정할 수 있습니다. 2. color은 HR태그의 색상을 설정할 수 있습니다. 3. size속성을 활용하여 수평선의 굵기도 설정해줄 수 있습니다. 예제 문서에 줄을 그어봅시다. 1. 웹브라우저의 종류 1. 1 인터넷 익스플로러 1. 2 파이어폭스 1. 3 오페라 2. 운영체제의 종류 2. 1 Windows XP 2. 2 리눅스 2. 3 맥 OS 더보기 MarQuee 옆으로 움직이는 텍스트 만들기 (MarQuee) 태그 속성 비고 bgcolor 배경색상 설정 width 가로 / 세로크기 설정 height 세로크기 설정 direction 스크롤의 움직임 방향 behavior 움직임의 속성 loop 움직임 반복횟수 scrollamount 스크롤 되는 거리간격 scrolldelay 스크롤의 속도 vspace 위 여백 hspace 아래 여백 MarQuee에는 다양한 속성들이 있습니다. 1. bgcolor는 스크롤의 배경색상을 지정해주는 역할을 합니다. 2. width / height는 스크롤의 크기나 비율을 정해줄 수 있습니다. 3. direction은 스크롤의 움직임 방향(up,down,left,right)를 정해줄 수 있습니다. 4. behavior이라는 속성을 주면 스.. 더보기 Pre 태그 html안에서 아무리 Enter를 치거나 스페이스를 하여 공백을 표시한다고해서 브라우저에 Enter나 공백이 나오지는 않습니다. 그래서 우리는 Enter는 태그를 사용함으로써 구현하고 공백은   라는 문구를 삽입해 공백을 표현하고는 합니다. 하지만 이렇게 일일이 여러 태그를 활용하여 개행이나 공백을 넣지않아도 되는 방법이 있습니다. 바로 태그인데요. 0태그를 활용하면 태그안에서는 Enter나 Tab, Space를 다 활용할 수 있기때문에 긴 문장등을 표현할때 굉장히 효율적으로 사용할 수 있습니다. 예제 Insert title here 동해물과 백두산이 마르고닳도록 하느님이 보우하사 길이 보우하세 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세 만약 pre태그를 활용하지않고 이렇게 애국가를 치.. 더보기 테이블 테이블 만들기 주제 태그 비고 테이블의 구성 요소 테이블을 만드는 태그 테이블의 헤더부분을 만드는 태그 테이블의 행을 만드는 태그 테이블의 열을 만드는 태그 테이블을 만드는 순서는 다음과 같습니다. 먼저 제일 바깥쪽에는 태그가 들어갑니다. 그리고 가장 위에는 라는 테이블 헤더 태그를 사용합니다. Default값은 굵은 글씨체에 가운데 정렬이 기본값입니다. 실질적으로 이 태그는 안쓰는 사람이 훨씬 많습니다. (대부분 태그를 활용하여 테이블 헤더를 만듭니다. )그 다음은 행을 만드는 태그 태그가 들어갑니다. 그리고 태그 안에는 열을 만드는 속성태그가 들어갑니다. 아래 예제를 보시면 바로 이해하실 수 있으실겁니다. 초간단 테이블 테이블 만들기 첫번째 칸 두번째 칸 첫번째 칸 두번째 칸 테이블 디자인 변경 주제.. 더보기 Margin, Padding 속성의 차이점과 사용법 HTML이나 XML같은 언어를 사용하다보면 Margin과 Padding이라는 속성을 많이 보셨을겁니다. 몇몇분들은 이 두가지 속성의 의미를 잘 모르고 쓰시는 분들도 있더군요. 두 속성 다 여백을 주는 의미에서는 같지만. 분명 다른점도 존재합니다. 이번 포스팅에서는 Margin, Padding 속성에 대해 정확히 알아보도록 하겠습니다. Margin과 Padding 두가지 속성의 차이점은 위 사진 하나로 충분히 설명이 가능합니다. Margin은 Object와 화면과의 여백(외부여백)을 말하며 Padding은 Object내의 내부여백을 의미합니다. 그럼 아래 예제를 보면 완벽히 이해할 수 있으실겁니다. 예제 body { margin:0; } div { width:100px; height:100px; font-.. 더보기 <span>태그 태그는 아주 다방면으로 활용이 가능한 유용한 태그입니다. 주로 와 태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용됩니다. span 태그안에 아무런 컨텐츠가 없다면 해당 부분은 아무런 변화가 없지만 span태그 내부에 객체가 들어가면 그 객체의 크기만큼 공간이 할당이 됩니다. 태그로 요소를 감싸면 CSS나 Javascript로 그 부분을 변형시키는것이 가능해 집니다. 태그 사용법 태그 속성 비고 display diplay요소 변경 width 가로크기 height 세로크기 background-color 배경색 변경 color 글자 색 변경 font-style 글자 형식 변경 margin 외부 여백설정 padding 내부 여백설정 border 테두리 설정 1. display는 태그의 요소를 변경.. 더보기 이전 1 2 3 다음