Appia의 IT세상

[초보HTML배우기 10]HTML - 태그 항목 그룹화 하기(span, div) 이번 포스팅에서는 태그 항목을 그룹화 하는 방법에 대해서 살펴보고자 합니다. 먼저 그전에 각 태그 항목들을 크게 2가지 형태로 알아보도록 하겠습니다. Block level 화면에는 전후 줄 바꿈이 있는 것처럼 보이는 블록 요소 , , , , , , , , , , Inline level 문장내에서 표현 가능한 요소 , , , , , , , , , , , , , , , 이와 더불어 각 태그들을 기반으로 그룹화 하는 방법에 대해서 함꼐 살펴보겠습니다. 그룹화를 사용하는 목적은 크게 각 스타일들을 동일하게 적용하기 위함입니다. 즉, 그룹으로 설정된 부분들에 대해서 글자색들은 한번만 설정해도 작동으로 적용되게 할 수 있습니다. 그룹화..

[초보HTML배우기 06]HTML - HTML에 사진/이미지(Images) 삽입하기 이전 포스팅에서는 코드에 대한 주석을 처리하는 방법을 살펴봤습니다. 이번 포스팅에서는 웹페이지에 이미지를 삽입하는 방법에 대해서 살펴보고자 합니다. 웹페이지에서 글자만큼 중요한 것은 사진 또는 이미지입니다. 그 이미지를 삽입하고 간단히 활용하는 방법에 대해서 살펴보도록 하겠습니다. 이미지 삽입하기 이미지를 입력하는 방식은 먼저 태그를 활용하는 것입니다. 먼저 다음 코드를 살펴보겠습니다. Document Colored by Color Scripter cs 위와 같은 코드를 실행했을 때 다음 화면과 같이 브라우저에 사진이 출력이 됩니다. 위에서 보시는 바와 같이 다음과 같은 형태로 태그를 사용하면 됩니다. 여기에는 다양한 속..

[초보HTML배우기00]HTML / CSS 환경설정 - Visual Studio Code 설치 최근 크롤러 스터디를 준비하는 과정 중에 몇가지 선수 지식이 요구된다는 것을 인지하였습니다. 그중 가장 먼저 필요로 하는 것이 HTML이었습니다. 그리고 이와 더불어 CSS부분을 함께 공부해두면 좋을 것 같다는 생각이 들어 공부하면서 관련된 기록들을 남길 예정입니다. HTML / CSS 정의 HTML(HyperText Markup Language) - 웹페이지를 구성하는 틀을 구성하는 언어입니다. 즉, 제목부터, 프레임등을 구성하는 구조적 뿐 아니라 다양한 링크 등을 통해 구조적 문서를 만드는 언어입니다. CSS(Cascading Style Sheet)는 HTML의 각 부분들이 미디어에 어떻게 표현되는지에 대해..