본문 바로가기

전체 글100

[HTML] 인라인 태그 8가지 목차 1. / 태그 ① 태그 ② 태그 2. / 태그 ① 태그 ② 태그 3. 태그 4. 태그 5. / 태그 ① 태그 ② 태그 6. 마치며 1. / 태그 ① 태그 - b => bold, 굵은 활자체, 볼드체 - 해당 태그로 감싼 텍스트를 굵은 글씨체 (텍스트)로 표시하는 역할을 하는 태그 - 문장에서 특정 텍스트의 주의를 끌기 위한 용도로만 사용되는 태그로 텍스트 자체의 중요성을 강조하려는 목적이면 , 등의 태그를 사용한다. b 태그는 특정 텍스트 자체에 주의를 끌기 위해서 사용합니다. 이 문장은 b 태그를 통해 단순히 굵은 글씨로 표현된 텍스트입니다. 2023. 3. 14.
[프로그래머스] 코딩테스트 입문 - 두 수의 나눗셈 (Java) 코딩테스트 문제 링크 HTML 삽입 미리보기할 수 없는 소스 ▶ 문제 명: [프로그래머스] 코딩테스트 입문 - 두 수의 나눗셈 ▶ 문제 설명 ▶ 사용한 언어: Java ▶ 문제 풀이 //프로그래머스 코딩테스트 입문 //두 수의 나눗셈 import com.sun.org.apache.bcel.internal.classfile.SourceFile; public class Main { public static void main(String[] args){ Solution Example = new Solution(); Example.solution(3,2); Example.solution(7,3); Example.solution(1,16); } } class Solution { int solution(int nu.. 2023. 3. 4.
[프로그래머스] 코딩테스트 입문 - 각도기 (Java) HTML 삽입 미리보기할 수 없는 소스 ▶ 문제 명: [프로그래머스] 코딩테스트 입문 - 각도기 ▶ 제시된 문제 요약 - int형 매개변수 angle이 예각일 때 1을, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하는 solution 함수를 완성해주세요. 예각: 0 < angle < 90 직각: angle = 90 둔각: 90 < angle < 180 평각: angle = 180 사용한 언어: Java ▶ 문제 풀이 public class Main { public static void main(String[] args){ Solution Example = new Solution(); Example.solution(91); } } class Solution { int solution(int.. 2023. 3. 4.
[HTML] <p>, <h1>...<h6>, <hr> 태그 + <br>, &nbsp; 목차 1. HTML 블록 태그 ① 태그 ② ... 태그 ③ 태그 2. 번외 ① 태그 ② 3. 마치며 1. HTML 블록 태그 ① 태그 - p → Paragraph에서 따옴, 단락, 절, 문단이라는 의미를 가지고 있음 - 문단 요소를 나타내는 태그 p 태그를 통해 만든 문단과 문단 사이에는 공백이 존재한다. - 하나의 p 태그 == 하나의 문단 p태그는 문단을 표시하는 태그입니다. 문단과 문단 사이에는 공백이 존재한다. HTML 삽입 미리보기할 수 없는 소스 ② ... 태그 - h → Heading, 제목 1 ~ 6: 제목의 크기 - HTML 문서에서 제목을 나타내려고 할 때 사용하는 태그 - 숫자 1 ~ 6이 함께 사용되고, 숫자 1일 때 제목 크기가 제일 크다. (숫자 6일 때는 제목 크기가 제일 작음.. 2023. 3. 3.
[HTML] 블록 태그와 인라인 태그 목차 1. 개요 (ch1) 2. 블록 태그, 인라인 태그 (ch2) ① 블록 태그 (Block Tag) (ch2-1) ② 인라인 태그 (Inline Tag) (ch2-2) 3. 마치며 (ch3) 1. 개요 HTML 문서의 Element, 요소는 블록 레벨 요소와 인라인 요소로 나눌 수 있다. 여기서 Element에 대해 말하고 넘어가자면 시작 태그와 종료 태그, 그리고 두 태그로 감싼 콘텐츠를 모두 통틀어서 하나의 Element로 본다. 안녕하세요. 블록 레벨 요소와 인라인 요소에 대해 정의하자면 다음과 같이 정의할 수 있다. 블록 레벨 요소 => 자기가 속한 영역의 너비를 모두 차지해서 하나의 블록을 만드는 요소 인라인 요소 => 자기가 필요한 만큼의 공간을 차지하는 요소 이 둘의 차이점을 비교하기 위.. 2023. 3. 2.
[HTML] 티스토리에 목차 달기 (번외, 메모용) 목차 1. 개요 2. 적용 방법 ① 목차 만들기 ② HTML 편집 ③ 고찰 3. 마치며 1. 개요 필자가 프로그래밍 공부를 할 때 봤었던 몇몇 티스토리 블로그는 목차가 있는 게시글도 있었다. 목차에 특정 제목을 클릭하면, 해당 제목으로 넘어가는 식이었는데 해당 게시글에서 내가 원하는 정보로 바로 넘어갈 수 있다는 점에서 되게 유용해 보였고, 이거를 필자의 블로그에도 적용시키고 싶다는 생각이 들었다. 이후 티스토리 블로그에 목차를 다는 방법에 대해 찾아보니 여러 가지 방법이 나왔다. 그중에는 자동으로 목차를 다는 방법도 존재했지만 그걸 적용시키려면 css까지 알아야 한다는 점에서 머리가 아파오기 시작했다. 어쩔 수 없이 다른 방법을 찾기 시작했고, 다행히 그나마 쉬운 방법이 있었다. 그리고 이 게시글은 그.. 2023. 2. 24.
목차 예시 목차 1. A Title 2. B Title 3. C Title 1. A Title 안녕하세요. 2. B Title Hello World 3. C Title Hello Everyone 2023. 2. 22.
[HTML] HTML 개요 1. HTML이란 ① HTML의 정의 HTML이란 웹 브라우저를 통해 표시되는 웹 페이지의 콘텐츠를 정의하기 위해서 사용하는 언어이다. 여기서 HTML이라는 단어는 Hypertext Markup Language의 약어이다. - Hypertext: 하이퍼 링크를 통해서 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 * 하이퍼 링크(Hyperlink): 특정한 이미지나 글씨를 클릭하면 다른 페이지나 이미지, 동영상 페이지 내 특정 위치로 이동하는 연결 시스템으로 줄여서 '링크(Link)'라고 한다. - Markup: "~을 표시하다."라는 의미를 가진 영단어 - Language: 언어 => 하이퍼 텍스트를 표시해 주는 언어 기본적으로 HTML 코드는 HTML 파일에 작성되고 (파일 확장자명: *.html.. 2023. 2. 21.
[Android Studio] 1. Hello World 출력하기 1. 프로그램 설치 안드로이드 앱을 개발할 때 사용되는 IDE가 구글에서 개발한 IntelliJ 기반의 Android Studio이다. 아래의 링크로 들어가서 안드로이드 스튜디오를 다운로드하자. https://developer.android.com/studio Download Android Studio & App Tools - Android Developers Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today. developer.android.com 설치 파일을 다운로드가 완료됐다면 바로 실행해 보자.. 2023. 2. 13.

티스토리툴바