웹 프로그래밍 (181) 썸네일형 리스트형 [HTML] 선을 그리는 단일 태그 <hr> HTML 태그는 시작태그와 종료태그를 명시해줘야 한다. 그러나, 종료 태그 없이 시작 태그만을 가지는 태그도 있다. 이를 빈 태그(empty tag)라고 한다. 단일 태그라고도 불리는 것 같다. 단일 태그의 예시로는, , , 등이 있다. 아래는 선을 그리는 hr 태그의 예시다. hr : horizontal rule 화면을 수평으로 가른다는 의미에서 '수평 자'라고 지은 것 같다. hr 태그를 통해 생성한 선은, 가운데 정렬료 표시된다. 선의 너비를 고정적인 크기(픽셀), 화면 내 비율(%)로 표현할 수 있다. 또한 size라는 속성을 통해 선의 굵기를 표현하고, color 라는 속성을 통해 선의 색상을 정할 수 있다. width를 비율(%)로 표현하면, 화면을 줄이고 늘릴 때 그에 맞게 표현된다. [HTML] p 태그, div 태그 VS span 태그: block-level-element VS inline-level-element p 태그는 paragraph의 의미를 가진다. 즉, 문단을 표현하는 태그다. 그래서 p 태그를 사용하면 문단 구분을 위한 여백이 생긴다. 이와 비슷한 div 태그가 있다. 단순히 division (분리, 분할)하기 위한 용도로 사용되는 무색 무취의 태그라고 보면 된다. span 태그도 div와 비슷하게 무색무취의 기능을 하는 태그다. 그러나, p태그와 div 태그와는 성질이 조금 다르다. 태그는 block-level-element, inline-level-element로 구분할 수 있다. p 태그와 div 태그는 block-level-element 태그다. 즉, 태그가 한 라인에 붙지 않고, 블록처럼 위에서 아래로 쌓인다. span 태그는 inline-level-element다. 즉, 태그가 한 라인에 .. [HTML] 줄바꿈 표현 & 줄바꿈 없는 공백 표현 : <br>, HTML은 코드의 가독성을 위해, 내용을 줄바꿈을 해도 실제 화면에서는 한 줄로 출력된다. 그렇다면, 어떻게 줄바꿈 효과를 낼 수 있을까? 'break line' 의미를 가지는 태그를 사용하면 된다. 줄바꿈 없는 공백은 (non-breaking space)을 사용하면 된다. 첫번째 문장입니다. 두번째 문장입니다. 두번째 문장입니다. 세번째 문장입니다. 네번째 문장입니다. 다섯번째 문장입니다. [HTML] HTML 정의 및 특징 HTML(Hypertext Markup Language) 이란? 1. Marup Language는 이런 태그들을 이용해서 문서나 데이터 구조를 명기하는 마크업 언어다. 프로그래밍 언어는 아님. 2. 월드와이드웹(WWW)에서 하이퍼텍스트 문서를 만들기 위해 사용하는 기본 언어다. 즉, 인터넷을 통해 볼 수 있는 문서를 만들 때 사용한다. 3. 인터넷에서 접할 수 있는 모든 웹 페이지들은 HTML로 작성한다. 4. 태그(TAG)는 HTML에서 사용하는 명령어다. 대표적인 태그는 html, head, title, body 이다. HTML 문서의 특징 1. 태그는 대소문자 구분이 없다. 그러나, 파일 이름은 소문자로 하는 것이 좋다. 2. HTML 문자열 사이에 있는 하나 이상의 공백은 무시된다. 아.. 자바 활용 웹프로그래밍을 위한 기본소프트웨어 설치 1. JDK 설치 2. eclipse 설치 3. oracle dbms 설치 4. WAS(web application server) tomcat 설치 - 서버 설치(java를 해석할 수 있는 서버) - .java 코드를 컴파일 하면 .class 파일로 바뀐다. - 즉, 이 class 파일을 해석할 수 있는 해석기관이 있는 서버가 필요하다. - 이러한 서버를 WAS라고 한다. - (해석기관이 서버쪽에 있으면 백엔드 / 해석기관이 웹브라우저에 있으면 프론트엔드라고 한다) - 대표적인 WAS 중에 tomcat이 있다(tomcat은 WAS이면서 웹서버 역할도 함) - tomcat.apache.org 이전 1 ··· 20 21 22 23 다음
