본문 바로가기

HTML

[HTML] Select Option 간혹 웹페이지를 들여다보면옵션 여러개 중 하나를 선택하여 제출할 수 있는선택 상자를 확인할 수 있습니다.이번 시간에는 이 기능을 구현하는 방법을 알아봅시다.HTML에서는 Select Option태그를 활용해서 구현할 수 있습니다. select name = "a_color" class = "Slt">option>빨강option>option>초록option>option>노랑option>option>파랑option>select> Select으로 전체 태그를 감싸고Option태그 사이에 넣고 싶은 옵션을 텍스트로 입력하면 됩니다. 더보기
[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의 몇가지 태그를 알아보겠습니다.먼저 Head 태그에 존재하는 태그들입니다.script :  헤드 태그에 존재하고, 외부파일과 연결할 때 사용합니다. link : 형식으로 사용하는데 href는 css파일을 불러오는 역할이고rel = "stylesheet"는 연결파일이 stylesheet이라는 의미입니다.type = "text/css"는 stylesheet가 텍스트로 구성되어 있는 css유형이다라는 것을명시해두는 것입니다. 다음은 body태그에서 자주 사용하는 태그입니다.h1 : 글자의 크기가 가장 큰 머리말로 설정하는 태그입니다.h6 : 글자의 크기가 가장 작은 머리말로 설정하는 태그입니다.h1 ~ h6까지 크기를 다양하게 설정할 수 있습니다. div : 의미는 없지만 목적에 따라 컨텐츠를 묶을.. 더보기

티스토리툴바