DATA101

📝 들어가며 본 포스팅에서는 HTML에서 글자/텍스트에 밑줄/취소선/윗줄 추가하는 방법을 소개합니다. 📚 목차 0. 기본값 1. 밑줄 추가 2. 취소선 추가 3. 윗줄 추가 0. 기본값 아래의 그림 1과 같이 기본 텍스트가 가운데 정렬로 되어 있습니다. Hey Tech 1. 밑줄 추가 style 내 text-decoration 속성에 underline 옵션을 넣어주면 아래의 그림 2와 같이 밑줄이 추가됩니다. text-decoration : underline; Hey Tech 2. 취소선 추가 취소선은 text-decoration에 line-through 옵션을 넣어주면 됩니다 (그림 3). text-decoration : line-through; 3. 윗줄 추가 윗줄은 text-decoration에 o..

📝 들어가며 본 포스팅에서는 HTML에서 텍스트 정렬 방법을 소개합니다. 📚 목차 0. 기본값 1. 가운데 정렬 2. 우측 정렬 3. 좌측 정렬 0. 기본값 p 태그를 통해 텍스트를 삽입하면 아래의 그림 1과 같습니다. Hey Tech 1. 가운데 정렬 가운데 정렬은 아래와 같이 style > text-align에서 center로 옵션값을 주면 됩니다 (그림 2). Hey Tech 2. 오른쪽 정렬 오른쪽 정렬은 right로 옵션값을 주면 됩니다 (그림 3). Hey Tech 3. 왼쪽 정렬 오른쪽 정렬은 left로 옵션값을 주면 됩니다 (그림 3). Hey Tech 포스팅 내용에 오류가 있다면 아래에 👇👇👇 댓글 남겨주시면 감사드리겠습니다. 그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다 :) 고맙습..

👨‍💻 들어가며 본 포스팅에서는 이클립스를 활용하여 간단한 정적(static) 웹 페이지를 만드는 과정을 소개합니다. 구체적으로, 메인 페이지와 2개의 페이지로 총 3개의 페이지를 만들고, 메인 페이지에서 다른 2개의 페이지로 하이퍼링크를 통해 넘어가는 방법을 소개합니다. 1. 개발 Step 1. 이클립스 실행 먼저, 이클립스를 실행합니다. Step 2. Web 개발 모드 변경 이클립스 내 우측 상단에 보면 돋보기 아이콘이 있습니다. 아래의 스크린샷처럼, 돋보기 아이콘 우측에 위치해 있는 Open Perspective 아이콘을 클릭합니다. 아래에서 두 번째에 있는 Web을 선택하고 하단에 Open 버튼을 클릭합니다. Step 3. Static Web Project 생성 상단 메뉴바에서 File > New..