전체 글13 [VScode] 표 (table) 만들기 표 (table) 만들기 ≡ 만들어볼 표 년도 월 일 2001 12 03 2002 11 06 1. 행과 열 만들기 table.html 파일 만들기 내용만 그대로 쓰면 과연 테이블을 만들 수 있을까? 공백이나 줄 바꿈은 무시되기 때문에 표가 만들어지지 않는다. ≡ 태그 : 테이블 각각의 데이터를 나타내 준다. 각각의 데이터를 td태그로 묶어준다. ≡ 태그 : 테이블의 행을 정의한다. table row의 약자 년도 월 일 년도 월 일 2001 12 03 2001 12 03 ≡ 태그 : 위 내용을 태그로 묶어준다. 행과 열이 나눠진 것을 볼 수 있다. ≡ 행 추가하기 2002 11 06 2002 11 06 2. 테두리 만들기 ≡ boder 속성 하지만 표가 이쁘지는 않다. 보통 표는 css를 통해서 만들어야 .. 2021. 12. 21. [VScode]img 태그 HyperText Markup Language ⊙ img 태그 : 이미지를 삽입하는 태그로 src 속성과 같이 사용한다. src 는 source 의 약자 파일명 : img.html 픽사베이에서 무료 사용 할 수 있는 이미지를 다운 받을 수 있다. https://pixabay.com/ko/ 다운 받은 사진 파일을 프로젝트 폴더로 이동시킨다. img 태그는 닫지 않아도 되며 속성뒤에 파일명을 넣어준다. 이미지가 출력되는 것을 볼 수 있다. ⊙ 이미지 크기 변경하기 (width, height) 100 픽셀 크기로 줄어드는 것을 볼 수 있다. 높이를 같이 변경하고 싶으면 height 값을 정해주면 된다. 하지만 원본이미지 비율과 달라 이미지가 왜곡된다 원본 비율과 동일한 변경을 원하면 width(가로) 또는 h.. 2021. 12. 20. [VScode] <p> 태그와 <br> 태그 HyperText Markup Language 태그 - paragraph (단락)의 약자 - html 은 줄 바꿈이 되지 않기 때문에 원하는 문장 단락의 시작과 끝점을 태그로 묶어 준다. 파일명 p.html '간단한 웹페이지 만들기' 에서 사용했던 1.html / 2.html / 3.html / 4.html 자료를 사용해보려 한다. 태그 사용 후 출력 결과 영화제목을 구분하기 위해 태그를 사용했다. 단락 사이의 간격을 넓히는 방법 1. 줄바꿈을 할 때 사용하는 태그 사용 2. 태그가 갖고 있는 간격의 값을 css로 변경해 넓히거나 좁힐 수 있다. 태그 - 줄바꿈을 하는 태그 - 태그는 줄 바꿈의 간격이 고정되어 있지만 태그를 여러 번 사용하여 간격을 조정할 수 있다. 파일명 br.html - p.html.. 2021. 10. 12. [VScode] 간단한 웹페이지 만들기 HyperText Markup Language 만들어볼 웹페이지 계획 제목 : 반전 영화 베스트 1. 식스센스 2. 유주얼 서스펙트 3. 데이비드 게일 4. 메멘토 각 항목을 클릭하면 해당 영화를 설명하는 페이지로 링크하는 웹페이지 만들기 필요한 페이지 : 메인 페이지, 각각의 항목 페이지 총 5개 각 항목의 내용 1.html 더보기 반전영화 베스트 1. 식스센스 The Sixth Sense, 1999 브루스 윌리스가 주연을 맡은 반전영화의 최고봉. 아동 심리학자 말콤 크로우(브루스 윌리스)가 여덟 살의 콜 시어(헤일리 조엘 오스먼트)의 정신상 담을 맡게 된다. 하지만 콜에게는 아무에게도 말하지 못할 비밀이 있다. 바로 죽은 자를 볼 수 있다는 것이다. 콜의 문제를 과학적 입장에서 풀어보려는 말콤. 하지.. 2021. 9. 19. 이전 1 2 3 4 다음
