본문 바로가기

html

[HTML] 로그인 페이지 구현 이번 시간에는 HTML과 CSS를 사용해서로그인 페이지를 구현해보겠습니다.코드를 보면서 설명해드리겠습니다. html>head>meta charset="UTF-8"> link rel = "stylesheet" href = "css/whitepage.css"> head 태그 안에 link태그로 css를 불러와 줘야 css를 적용할수있습니다. head>body> div class = "title"> 회원가입 div> img src = "dust.png" class = "dust"> 이미지 태그를 사용해서이미지를 불러옵니다. div class = "input-section">form action = "http://localhost/Jan13_1_Servlet/Output2?">ID : input name = ".. 더보기
[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의 기본 구조 요즘 사회에는웹 개발, 웹 퍼블리싱(웹 디자인, 웹 프로그래밍의 중간 단계)를요구하고 있습니다.잘 알려진 유튜브, 넷플릭스, 아마존 쿠팡 등의 서비스는웹으로 서비스를 활용하고 있습니다.즉 '서비스'가 주도하는 시대입니다.서비스를 통해서 새로운 가치 창출이 발생하는데이 서비스는 WEB에서 이루어집니다. WEB은 일종의 연결고리라고 할 수 있습니다.Windows끼리나 데스크탑과 랩탑, 태블릿과 스마트폰,안드로이드와 아이폰 등의 연결고리 역할을 하는 매개체입니다.예전에는 하나의 서비스를 만들기 위해 수십개의 애플리케이션을만들어야 했던 시절이 있지만빠르게 변화하는 시대에 살아남기 위해 나날이 발전하고 있습니다. WEB을 구성하는 것이 바로 HTML입니다.HTML (Hyper Text Mark-up Languag.. 더보기

티스토리툴바