반응형 전체보기2308 8강. CSS 속성 여러개 적용하는 방법 HTML태그에 CSS를 여러개 적용해보자.방법은 각 스타일 사이에 ; (세미콜론) 으로 속성과 값을 구분해서 코딩하면 된다. Lorem Ipsum is simply dummy text of the printing and typesetting industry. 위 예제에서는background-color : pink (배경색)color : white (글자색)text-align : center (글자정렬) 세가지 속성은 ; 세미콜론으로 구분되며, 속성들이 적용된 p 요소는 브라우저에 하기처럼 예쁘게 표현된다.무미건조했던 HTML 웹문서에 드디어 스타일을 적용한 것 이다. 8-1강. CSS 크기 속성CSS 의 여러속성 중 눈에 가장 손쉽게 띄는 속성은 바로 크기 조정이다.해당 속성을 div.. 앱 만들기/CSS study 2024. 6. 28. 7강. CSS 적용하기 6강. div 태그 사용방법5강 img 태그 사용법4강. br 태그 사용법3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시soo0100.tistory.com CSS 는 HTML 요소에 디자인을 입히는 역할을 한다.CSS 는 Cascading Style Sheets 또는 스타일스 라고도 불리운다. CSS를 HTML에 적용하는 방법 중 하나는 HTML 태그의 style 속성을 추가 후 하기 포맷으로 설정한다. style = "CSS 속성 : 속성값" 속성은 적용하려는 디자인 모양과 형태를 뜻한다.속성값은 적용하는 값이 되겠다.(수치,색상...) Lorem Ipsum.. 앱 만들기/CSS study 2024. 6. 27. 6강. div 태그 사용방법 5강 img 태그 사용법4강. br 태그 사용법3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태soo0100.tistory.com div 태그는 웹 페이지의 내용들의 구역을 나누는 역할을 한다.그렇기에 div 태그 자체의 시각적인 기능은 없다.div 태그는 열림태그 닫힘태그로 구성되어있다. HTML을 처음 접하고 HTML태그만 사용할때는 div 태그를 굳이 왜 써야 하는지 모를 수 있다. 당연히 시각적으로 나타나는 것이 없으니.CSS와 접목이 되면 특정 구역에만 CSS를 활용한 스타일을 적용할거나 JS(자바스크립트) 로 특정 구역을 컨트롤 할때도유용.. 앱 만들기/HTML5 study 2024. 6. 26. 이미지 추가하기 영어로 "이미지 추가하기" 를 영어로 어떻게 말할까?간단한 표현이다. Adding images 라고 말한다.~하기 를 ing 를 사용해서 표현한다. 이 표현을 응용하면 기사 나 매거진에서 나오는 제목 라인을 손쉽게 영어로 말하고 읽을 수 있다. Adding pitures사진 추가하기 Deleting images이미지 삭제하기 Creating images사진 제작하기 Making story스토리 만들기 뭐뭐 하기는 이렇게 영어로 표현이 가능하다.Thanks a lot 영어로 말하기 2024. 6. 25. 이 코드에서는 class속성을 사용하여 CSS를 적용하는 방법을 볼수 있다. 영어로 "이 코드에서는 class속성을 사용하여 CSS를 적용하는 방법을 볼 수 있다"를 영어로 말한다면조금은 긴 문장이다. ..... 우선 이 코드에서는 부터 이야기한다. In this code 이 코드에서는 "CSS를 적용하는 방법을 볼 수 있다"를 말한다. 영어문장의 중심 또는 결과부터 말하는 우리말과 다른 패턴을 여기서도 적용한다.You can see how to apply CSS "class 속성을 사용하여"는 가장뒤에 붙인다.using the class attribute. 전체 문장을 만들어서 말해보면 이렇게 된다. In this code, You can see how to apply CSS using the class attributes. 문맥을 잘 활용하면 여러 표현이 가능하다. I can ca.. 영어로 말하기 2024. 6. 24. 5강 img 태그 사용법 4강. br 태그 사용법3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag (닫힘soo0100.tistory.com img 태그는 웹페이지에 이미지를 나오게 한다.이미지는 로컬(컴퓨터)에 저장된 이미지 뿐 아니라 인터넷에 저장된 이미지도 호출 할 수 있다.img 태그의 주요 속성으로는 src , alt 가 있다(* 속성 : 속성이란 웹 페이지에 넣을 요소(element)에 관한 정보들을 브라우저에게 알려주는 방법이다 img 태그의 주요 속성이라 하면 이미지 위치와 이미지에 대한 설명이다.)s.. 앱 만들기/HTML5 study 2024. 6. 23. 이 코드 조각은 이미지를 추가하여 웹페이지를 더욱 흥미롭게 만든다. 영어로? "이 코드조각은 이미지를 추가하여 웹페이지를 더욱 흥미롭게 만든다."..... 이 표현을 영어로 말한다면?물론 여러 가지 표현으로 말할 수 있겠지만,,,이렇게도 말할 수 있다. This piece of code부터 말한다. ( 이 코드 조각) makes your webpage (너의 웹페이지를 만든다) look more exciting ( 더 익사이팅하게) by adding images to it ( 이미지를 웹사이트에 추가함으로써, 추가해서) 전체 문장을 말해보면. This piece of code makes your website look more exciting by adding images to it. 이 되겠다. makes your website look more exciting 이 선뜻 입 .. 영어로 말하기 2024. 6. 22. 4강. br 태그 사용법 3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag (닫힘 태그)라고 부른다.soo0100.tistory.com br 태그는 한줄 띄울때 사용한다.에디터에서 한줄을 띄운다고 해서 브라우저에 한줄이 띄워지지는 않는다.에디터에서 엔터를 쳐서 문단 내용을 줄 바꿈 한 예제이다. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. T.. 앱 만들기/HTML5 study 2024. 6. 21. 3강. P 태그 사용법 2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다. 시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag (닫힘 태그)라고 부른다.이 두 태그 사이에 적히는soo0100.tistory.com P 태그는 문단을 만든다.P 태그는 열림태그 와 닫힘 태그 로 구성된다.하기 예제에서는 두개의 P태그 요소가 있다. Here is a Pharase. Lorem Ipsum is simply dummy text of the printing and typesetting industry. 문단이기에브라우저에서 실행하면 문단 사이에는 한줄의 공백이 생긴다. 4강. br 태그 사용법3강. P 태그 사용법2강. HTM.. 앱 만들기/HTML5 study 2024. 6. 20. 베트남 다낭 꼭 가봐야할 곳 - 다낭 대성당 베트남 인들의 종교비율은무종교 70% 불교 14.9% 기독교 8.5%(가톨릭 7.4%, 개신교 1.1%) 정도이다. 무종교는 대부분 전통적인 유교사상에 기반을 둔다. 한국처럼 제사도 지내고 신전을 모시기도 한다. 특히 관우신전은 베트남에서도 신격화하여 모시고 있다.베트남에서의 가톨릭은 3번째로 포지션 된 종교로, 베트남의 인구(9,819만)를 생각하면 그리 적은 수치는 아니다.다낭 여행중 가톨릭 신자 혹은 신자가 아니더라도 다낭 대성당은 찾아볼만하다. 핑크색상의 고전고딕 건축으로 프랑스 식민시대였던 1923년 2월착공해 1924년 3월 완공된 성당이다. 핑크색으로 지어진것 이외에도, 성당 꼭대기에는 수탉모양의 파뢰침이 있다. 그래서 수탉성당이라고도 불린다. 밤에는 예쁜조명들이 성당을 더 아름답게 빛내어.. 여행 이야기 2024. 6. 19. 이전 1 ··· 13 14 15 16 17 18 19 ··· 231 다음 반응형