[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리

[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리텍스트 관련 태그종류설명n>제목. ~ 까지 사용할 수 있으며 숫자 커질수록 글자 크기는 작아진다.텍스트 단락. 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄 바뀐다.줄 바꿈. 텍스트 단락 중 원하는 위치에서 줄 바뀜.내용 인용. 다른 내용보다 들여 쓰고 단락으로 표시한다.중요한 텍스트를 굵게 표시, 화면 낭독기에서 강조해서 읽어준다.중요하지는 않지만 굵게 표시한다.중요한 텍스트를 기울게 표시(문장), 화면 낭독기에서 강조해서 읽어준다.중요하지는 않지만(마음속 생각이나 용어) 기울게 표시한다.내용을 편집할 때 추가한 내용을 표시한다.내용을 편집할 때 삭제한 내용을 표시한다.위 첨자.아래 첨자.목록 관련 태그종류설명순서 있는 목록의 시작과 끝을 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.3) 멀티미디어, 하이퍼링크

[기본 개념] 1 | (1.3) 멀티미디어, 하이퍼링크1 텍스트 입력하기2 목록 만들기3 표 만들기4 이미지 삽입하기5> 오디오와 비디오 삽입하기6> 하이퍼링크 삽입하기5. 오디오와 비디오 삽입하기다양한 멀티미디어 파일을 삽입할 때 쓰는  기본형 src="파일 경로" width="너비" height="높이">   태그는 비디오, 오디오, 자바 애플릿, PDF 등 다양한 멀티미디어 파일을 삽입할 때 사용하고, 웹 문서 안에 다른 문서를 삽입할 때도 사용한다.  data 속성에 보여줄 멀티미디어 파일을 지정하고 width, height 속성을 사용하여 플레이어의 크기를 지정한다.   태그는 HTML 의 , , 태그를 지원하지 않는 웹 브라우저에서 사용하며, src 속성을 사용하여 삽입할 멀티미디어 파일을 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.2) 표, 이미지

[기본 개념] 1 | (1.2) 표, 이미지1 텍스트 입력하기2 목록 만들기3> 표 만들기4> 이미지 삽입하기5 오디오와 비디오 삽입하기6 하이퍼링크 삽입하기3. 표 만들기표를 만드는 , 태그 기본형  표 제목  표의 시작과 끝을 알려주는 태그를 표시하고 그 사이에 표와 관련된 태그를 넣는다.  표의 제목을 붙이고 싶으면 태그 바로 아랫줄에 태그를 사용한다. 제목은 표의 위쪽 중앙에 표시된다. 행을 만드는 태그와 셀을 만드는 , 태그 기본형      1행 1열    1행 2열        2행 1열    2행 2열     태그는  행을 만들고 태그는 행 안에 있는 셀을 만든다.  또한 표의 제목 행에 셀을 만들 때는 태그 대신 태그를 사용한다. 태그를 사용하면 내용은 진하게 표시되고 ..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 11.
• textsms

[기본 개념] 1 | (1.1) 텍스트, 목록

[기본 개념] 1 | (1.1) 텍스트, 목록1> 텍스트 입력하기2> 목록 만들기3 표 만들기4 이미지 삽입하기5 오디오와 비디오 삽입하기6 하이퍼링크 삽입하기1. 텍스트 입력하기제목을 나타내는 n> 태그 기본형n>제목n>  다른 텍스트보다 크고 진하게 표시한다. n 의 자리에는 1 ~ 6의 숫자가 들어가며 이 가장 큰 제목이고 , , . . . , 의 순서로 크기가 작아지며 닫는 태그인 n> 을 사용해야 한다. 텍스트 단락을 만드는 태그, 줄을 바꾸는 태그 기본형내용   와 태그 사이에 텍스트를 입력하면 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다.  이때, 편집기에서 줄을 바꿔도 웹 브라우저에서는 한 줄로 표시되며 텍스트 단락의 내용이 길어서 웹 브라우저에 한 줄로 표시되지 못할 경우 줄..

• format_list_bulleted 💠프로그래밍 언어/HTML
• · 2022. 2. 10.
• textsms

[기본 개념] 9 | (2.2) 스트림 중간 연산

[기본 개념] 9 | (2.2) 스트림 중간 연산1 스트림이란?2 스트림 만들기3> 스트림의 중간연산4> Optional와 OptionalInt5 스트림의 최종연산6 collect( )7 Collector 구현하기8 스트림의 변환3. 스트림의 중간연산스트림 자르기 - skip( ), limit( )skip( )은 요소를 건너뛰고, limit( )는 요소의 개수를 제한한다. IntStream intStream = IntStream.rangeClosed(1, 10) ;     // 1 ~ 10의 요소를 가진 스트림intStream.skip(3).limit(5).forEach(System.out :: println) ;      // 45678 스트림의 요소 걸러내기 - filter( ), distinct( ..

• format_list_bulleted 💠프로그래밍 언어/Java
• · 2022. 2. 10.
• textsms

[기본 개념] 9 | (2.1) 스트림

[기본 개념] 9 | (2.1) 스트림1> 스트림이란?2> 스트림 만들기3 스트림의 중간연산4 Optional와 OptionalInt5 스트림의 최종연산6 collect( )7 Collector 구현하기8 스트림의 변환1. 스트림이란? 스트림은 데이터 소스를 같은 방식으로 다룰 수 있게 하고, 자주 사용되는 메서드를 정의해 놓았다. 스트림은 데이터 소스를 변경하지 않는다. 스트림은 데이터를 읽기만 할 뿐 변경하지 않는다. 스트림은 일회용이다. 스트림도 Iterator처럼 한번 사용하면 닫혀서 다시 사용할 수 없다. 필요하다면 다시 생성해야 한다. strStream1.sorted( ).forEach(System.out :: println) ;int numOfStr = strStream1.count( ) ;..

• format_list_bulleted 💠프로그래밍 언어/Java
• · 2022. 1. 26.
• textsms

[기본 개념] 9 | (1.2) Java.util.funcion 패키지, Function 합성, Predicate 결합, 메서드 참조

[기본 개념] 9 | (1.2) Java.util.funcion 패키지, Function 합성, Predicate 결합, 메서드 참조1 람다식이란?2 람다식 작성하기3 함수형 인터페이스(Functional Interface)4> java.util.function패키지5> Function의 합성과 Predicate의 결합6> 메서드 참조4. java.util.function패키지 java.util.function패키지에 일반적으로 자주 쓰이는 형식의 메서드를 함수형 인터페이스로 정의해 놓았다. 가능하면 이 패키지의 인터페이스를 사용하는 것이 메서드 이름도 통일되고, 재사용성이나 유지보수 측면에서 좋다. 함수형 인터페이스메서드설명java.lang.Runnablevoid run( )매개변수도 없고, 반환값도 ..

• format_list_bulleted 💠프로그래밍 언어/Java
• · 2022. 1. 26.
• textsms

[기본 개념] 9 | (1.1) 람다식, 람다식 인터페이스

[기본 개념] 9 | (1.1) 람다식, 람다식 인터페이스1> 람다식이란?2> 람다식 작성하기3> 함수형 인터페이스(Functional Interface)4 java.util.function패키지5 Function의 합성과 Predicate의 결합6 메서드 참조1. 람다식이란? 람다식은 메서드를 하나의 식으로 표현한 것이다. 메서드를 람다식으로 표현하면 메서드의 이름과 반환값이 없어지므로, '익명 함수'라고도 한다. int method( ) {    return (int) (Math.random( ) * 5) + 1) ;}  위 식을 람다식으로 하면 '( ) -> (int) (Math.random( ) * 5) + 1'로 표현된다. 이처럼 람다식으로 인해 메서드를 변수처럼 다룰 수 있게 되었다. 2. 람..

• format_list_bulleted 💠프로그래밍 언어/Java
• · 2022. 1. 25.
• textsms