HTML(60)
-
CSS(Cascading Style Sheet)
CSS 일반적으로 문서는 내용과 스타일로 분리할 수 있습니다. 이제까지의 HTML에서는 문서의 내용에 글자 크기, 글꼴, 색상, 문단정렬, 레이아웃 등의 스타일 기능을 적절히 섞어서 써왔습니다. 하지만 스타일 부분을 별도로 분리하여 쓸 수 있다면 문서에 대한 가독성도 좋아지고 스타일 측면에서도 문서에 통일성을 기할 수 있습니다. CSS는 HTML문서에서 스타일에 관련된 부분을 별도로 분리하여 정의할 수 있도록 지원하는 기능입니다. CSS를 사용하여 스타일을 정의하면 문서의 유지보수 단계에서 스타일의 일관성을 유지할 수 있게 지원할 뿐 아니라, 스타일에 대한 수정이 용이해 집니다. 또한 CSS 코드는 브라우저의 캐쉬메모리에 상주하게 되므로 문서의 다운로드 시간을 줄여 줌으로써 응답속도도 높힐 수 있는 장점..
2017.01.05 -
프레임 태그 입력 태그
이미지 태그 이미지 삽입 하나의 브라우저 창에서 여러 개의 HTML문서를 동시에 띄울 수 있도록 해주는 기능이 프레임 입니다. 프레임은 브라우저 창을 몇 개의 작은 공간으로 분할하여 각 공간에 다른 HTML문서를 보여줄 수 있도록 지원합니다. 프레임을 구성하기 위해서는 태그와 태그를 사용합니다. 이떄 주의할 점은 프레임 문서에서는 BODY태그를 사용하지 않는다는 점입니다. 프레임 태그의 기본 사용 예는 아래 코드와 같습니다. 아래 코드는 하나의 태그 안에 2개의 태그를 넣음으로써 브라우저를 두 개의 프레임 공간으로 구분하는 코드이며, 태그가 구분된 각각의 프레임을 나타냅니다. 12345678910 프레임 cs 수직 및 수평 프레임 분할 수직으로 브라우저 창을 구분하여 프레임을 나눌 수도 있고, 수평으로 ..
2017.01.04 -
멀티미디어 태그 & 테이블
이미지 태그 이미지 삽입 HTML 문서에 이미지를 삽입할 떄 태그를 사용합니다. 태그의 속성으로는 src, height, width, border, align, alt등이 있습니다. src는 삽입할 이미지 파일이 있는 경로명과 파일명을 속성값으로 취하며 필수적으로 써야하는 속성입니다. 경로명은 절대경로 상대경로 모두 가능합니다. height와 wifth는 이미지의 크기를 지정하는 속성으로 높이와 폭을 픽셀단위로 지정합니다. height와 width 속성을 이용하여 이미지의 크기를 지정하는것은 이미지의 크기가 변경되지 않고 단지 브라우저에서 표시되는 크기가 변경됩니다. 만약 표시되는 이미지에 비해서 실제 이미지가 너무 크게 되면 로딩속도만 느려지게 됩니다.(이미지 크기는 용량과 비례하기떄문에) border..
2017.01.01 -
글자, 문단, 목록 태그와 링크 태그
글자 태그 글자태그는 글자의 크기나 글꼴, 글자색상 등을 지정하는 태그며 글자태그로는 태그와 태그 등이 있습니다. 태그 태그는 글자의 크기를 지정하는 태그입니다. Hn에서 n의 자리에 1~6까지의 자연수가 나타나게 되며, 숫자가 작을수록 큰 글씨를 나타냅니다. 태그는 또한 글자를 볼드체(진하게)로 표시해주며 문단구분의 기능을 동시에 수행하게 됩니다. 태그에는 align속성과 title 속성을 사용가능합니다. align속성은 글자 좌우 정렬기능을 수행하며 속성값으로는 "left" "center" "right"중에서 하나의 값을 가지게됩니다. 즉 align = " center"로 속성값을 지정하면, 해당 내용을 중앙 정렬하게 됩니다. title 속성은 풍선 도움말을 만들어주는 속성입니다. title 속성이 ..
2016.12.23 -
HTML 기초
인터넷의 형성과 발전 인터넷(Internet)이란? 소규모 통신망을 상호 접소가는 형태에서 점차 발전하여 전 세계의 컴퓨터가 서로 연결된 형태의 통신망입니다. 원래는 인터넷의 모태는 냉전시대 미국 국방부에서 핵전쟁에서도 살아 있는 네트워크를 연구하여 패킷교환(packet switching)방식이 회선장애에 대한 대응 능력이 강하다는 사실을 발견 UCLA와 SRI 연구소간 회선을 연결하게 되었고, 이 통신망을 ARPANET이라고 하며 현재의 인터넷입니다. 인터넷 관련 용어1. ip 주소 인터넷에 연결된 모든 컴퓨터에 부여되는 고유 식별주소를 의미합니다. 이 주소는 32비트(4byte)로 표현되며, 표기할 때에는 4개의 십진수를 점(.)으로 구분하여 표기합니다. 따라서 0.0.0.0 부터 255.255.25..
2016.12.15 -
Html이란?
1. Html( Hypertext Markup Language )이란? 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다. 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다. 특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호""를 사용하여 나타낸다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어..
2016.12.15