jsp(104)
-
10주차 - jsp (13) <input>
태그에서는 type 속성을 이용하여 다양한 기능을 수행할 수 있습니다. 이번의 목표 01. 태그의 type 속성의 예시들을 확인해보자. 01. jsp 코드 02. 실행 화면 01. jsp 코드 02. 실행화면
2022.09.13 -
10주차 - jsp (12) <caption>
이번의 목표 01. 의 디자인적인 속성을 태그 내에 작성해보자 02. 태그의 사용 코드를 작성할때에 태그 안에서 스타일을 지정하면 사후관리가 번거로워집니다. 그렇기 때문에 디자인적인 요소는 테이블 제목 월 화 수 영어 국어 미술 수학 과학 영어 02. 실행 화면 ① 태그로 제목이 달린것을 확인할 수 있습니다. ② 태그 안에서 작성한 코드가 정상적으로 작동되는 것을 확인할 수 있습니다.
2022.09.08 -
10주차 - jsp (11) rowspan, colspan
오늘의 목표 01. rowspan 의 사용 02. colspan 의 사용 1행 1열 1행 2열 1, 2행 3열 2행 1, 2 열 3행 1, 2, 3열
2022.09.08 -
10주차 - jsp (11) <table>, <th>, <td>
이번의 목표 01. 태그의 사용 02. 태그와 태그의 차이 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열 3행 1열 3행 2열 3행 3열
2022.09.08 -
10주차 - jsp (10) id, class, <style>
html 코드를 작성할때에 화면에 출력되는 부분은 태그 내에 작성하게 됩니다. 이때에 각각의 객체에 디자인적인 속성을 적용해도 좋습니다. 하지만 이렇게 하면 하나를 수정하기 위해서는 시간이 너무 오래 걸리기 때문에 객체에 id, class명을 지정하고, 헤더의 태그에서 이들의 스타일을 지정해주는 것이 현재에는 더 많이 쓰이고 있습니다. 라고 배웠습니다. 기업 분위기에 맞춰서 합시다. 적응 잘하는 생물이 어디서든 최고니까. 오늘의 목표 01. 객체에 id , class를 지정하고 태그에서 이들의 디자인을 만들어보자. 지구 사랑 우리 회사는 지구의 환경을 위해 탄소배출을 당장 내일까지 제로배출을 약속합니다. 지구 보호 우리 회사는 지구의 환경 보호를 위해 당장 내일부터 친환경 에너지만 사용할 것을 약속합니다..
2022.09.08 -
10주차 - jsp (9) <img>, 반응형&고정형
오늘의 목표 01. 태그 사용 02. 반응형, 고정형의 차이 이미지 이미지 동영상이 아닌지라 말로 설명을 해서 이해가 어려울 수도 있습니다. 위의 이미지는 픽셀로 사이즈를 설정했기 떄문에 화면을 줄이거나 늘여도 고정적인 크기를 갖습니다. 하지만 아래의 이미지는 %로 사이즈를 설정했기 때문에 화면을 줄이거나 늘이면 그에 맞는 비율로 크기가 변경 됩니다. 이렇게 사용자의 작동에 따라 변동하는 것을 반응형, 변동이 없는 것을 고정형이라고 부릅니다. *src가 뭔지 모를 수 있는데 src는 source 의 약자입니다. 안쓰다보면 종종 했갈릴 수도있는거니까 쓰면서 아무생각없이 쓰지말고 가끔씩은 이게 어떤 약자였는지도 떠올려보면 코드 이해가 쉽습니다.
2022.09.08