JSP - HTML의 이해2 [ 표만들기, 이미지 삽입 <table> <b> <dl> <dt> <dd> <img> ]

<dl><dt><dd> 들여 쓰기 문단 만들기 <b> 글씨를 굵게!

dl 태그로 하나의 묶임이될 문단의 제목과 내용을

감싸주고 dt 태그 에는 문단의 제목!

dd 태그에는 문단의 내용을 입력하면

우측 실행화면 처럼 제목 표기후 들여 쓰기로

문단을 작성한듯한 효과를 준다.

 

그리고 문단의 제목은 <b> 태그로 감싸주어

글씨를 굵게 해 주는 효과를 주었다.

 

 

<table><tr><th><td> 테이블 레이아웃(표) 만들기

먼저 table 태그 열닫으로

테이블 레이아웃의 틀을 만들고

border 속성 값을 지정하여 표 테두리를 만들어준다

tr 태그는 행을 만들고 td 태그로는 열을 만든다

tr태그로 행을 하나 만들어서 th태그로 항목의 제목을

만들어주고 tr태그로 또 행을 하나 만든 뒤

td태그로 열마다 값을 넣어준 것이다.

 

 

 

위와 같이 테이블은 colspan과 rowspan 속성을

이용하여 표의 열 합치기 행 합치기가 가능하다.

 

 

<img> 이미지 삽입

img 태그를 사용하며

src 속성을 이용해 경로를 지정하여 불러올 수 있고

width heigth 속성을 이용하여 사이즈를 지정할 수 있다.