본문 바로가기

HTML/이론

[HTML] 테이블 테이블은HTML에서 표를 만들 때 사용하는 태그입니다.하위 태그는 , , 등이 있는데 은 'table row'의 약자이고, 테이블의 행을 표현합니다. 는 'table data'의 약자이고, 테이블에 들어가는 데이터, 셀을 의미합니다. 즉, 하나의 테이블 안에 태그로 행을 표현하고, 그 안에 태그를 사용해서 데이터를 표현합니다. 는 'table header'의 약자, 테이블의 타이틀을 표현합니다. 테이블 태그에 들어가는 속성에 대해서 알아보겠습니다.  border(테두리), width(가로), height(세로) : 에서만 사용합니다. align(수평), valign(수직) : (정렬방법 / ,에서 사용합니다.)align : left, center, rightvalign : top, middle, bo.. 더보기
[HTML] Anchor tag Anchor 태그는 태그라고도 불리는데다른 페이지나 같은 페이지의 특정 위치, 파일가 같은 다른 URL로연결할 수 있는 하이퍼링크입니다.이 태그는 문법적으로 이동할 주소값을 나타내는 'htef'와 함께 사용합니다.href : hyper reference로 웹문서나 URL(주소값)을 말합니다. a href = "https://www.naver.com">네이버로a> 이런 식으로 사용하는데 위처럼 생긴 하이퍼링크를 클릭하면네이버로 이동하게 됩니다. 더보기
[HTML] Multimedia 이미지, 동영상, 노래파일, PDF파일, 알집 파일 등을HTML 태그로 불러와 보려고 합니다.그럴려면 파일 경로가 필요한데요.파일 경로는 두 가지가 있습니다.절대 경로와 상대 경로가 있는데요. 절대 경로는 처음부터 다 명시하는 것입니다.경기도 부천시 00동 XXX로 ㅁㅁ길 11 ㅂㅂ빌딩 5층하지만 절대 경로는 사용자 마다 다르기 때문에실전에서는 사용이 어렵습니다. 상대경로는 현재 작업중인 HTML기준의 경로입니다.경로 이동을 하는 코드가 따로 있는데 ..  :  한단계 위의 경로로 갑니다.  이때 가급적이면 한글 경로는 사용하지 않습니다. 이미지를 먼저 불러와보겠습니다.img라는 태그를 사용하는데src의 값으로 img의 경로가 들어가면 됩니다.경로는 이미지를 우클릭하고properties에 들어가서 알아낼.. 더보기
[HTML] 태그 HTML의 몇가지 태그를 알아보겠습니다.먼저 Head 태그에 존재하는 태그들입니다.script :  헤드 태그에 존재하고, 외부파일과 연결할 때 사용합니다. link : 형식으로 사용하는데 href는 css파일을 불러오는 역할이고rel = "stylesheet"는 연결파일이 stylesheet이라는 의미입니다.type = "text/css"는 stylesheet가 텍스트로 구성되어 있는 css유형이다라는 것을명시해두는 것입니다. 다음은 body태그에서 자주 사용하는 태그입니다.h1 : 글자의 크기가 가장 큰 머리말로 설정하는 태그입니다.h6 : 글자의 크기가 가장 작은 머리말로 설정하는 태그입니다.h1 ~ h6까지 크기를 다양하게 설정할 수 있습니다. div : 의미는 없지만 목적에 따라 컨텐츠를 묶을.. 더보기
[HTML] HTML의 기본 구조 요즘 사회에는웹 개발, 웹 퍼블리싱(웹 디자인, 웹 프로그래밍의 중간 단계)를요구하고 있습니다.잘 알려진 유튜브, 넷플릭스, 아마존 쿠팡 등의 서비스는웹으로 서비스를 활용하고 있습니다.즉 '서비스'가 주도하는 시대입니다.서비스를 통해서 새로운 가치 창출이 발생하는데이 서비스는 WEB에서 이루어집니다. WEB은 일종의 연결고리라고 할 수 있습니다.Windows끼리나 데스크탑과 랩탑, 태블릿과 스마트폰,안드로이드와 아이폰 등의 연결고리 역할을 하는 매개체입니다.예전에는 하나의 서비스를 만들기 위해 수십개의 애플리케이션을만들어야 했던 시절이 있지만빠르게 변화하는 시대에 살아남기 위해 나날이 발전하고 있습니다. WEB을 구성하는 것이 바로 HTML입니다.HTML (Hyper Text Mark-up Languag.. 더보기
[HTML] Eclipse HTML 초기 설정 Eclipse에서 JavaScript를 다루려면 몇가지 초기 설정을 해야합니다.먼저 Windows - Preferences로 들어가서Java - Installed JREs에서Add를 누르고C의 Programfiles에 있는 ojdk파일을 추가해줍니다.  다음은 Preferences의 Compiler 설정에서  Compiler compilance level을 1.8로 바꿔줍니다. 다음은 프로젝트 만드는 방법입니다.  create project를 누르고dy를 검색하면Dynamic Web Project를 누르고만들면 됩니다. 그러면 프로젝트가 하나 생기는데 src - main - webapp경로에 html파일을 만들어서코드를 짜면 됩니다. 더보기