앱 만들기400

• 

  <ul>태그 예제 태그는 unordered list 의 약자로 순서가 없는 리스트를 만듭니다. 예제를 통해서 태그를 확인해 봅니다. 나이키 아디다스 푸마 프로스펙스 결과 값은 하기와 같습니다. 순서가 없기에 순서대신 기호가 붙습니다. 이 기호를 불릿(bullet) 이라고 부릅니다. 블릿 기호는 list-style 속성을 추가하여 변경이 가능합니다. 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 블릿 list-style 속성 - disc : 검정색 원 기호(속성 없을때 기본값) - circle : 흰색원 기호. - square : 사각형 기호. https://soo0100.tistory.com/2123 태그 속성 태그 사용법 태그는 odered list 의 약자로 순서가 있.. 앱 만들기/HTML5 study 2023. 2. 26.

• 

  <ol> 태그 속성 태그 사용법 태그는 odered list 의 약자로 순서가 있는 목록 이라는 뜻 입니다. HTML 에서 하기와 같은 순서가 있는 목차를 만들고 싶다면 ol 태그를 사용하면 됩니다. 그럼, 실제 예제를 살펴보겠습니다. 나이키 soo0100.tistory.com 지난 시간 살펴본 태그에는 속성 값을 줄 수 있습니다. 속성 값이란 태그의 기본 기능에 부가적인 기능을 추가한다라고 이해하면 됩니다. 예제를 통해서 보면 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 나이키 아디다스 푸마 프로스펙스 태그 내부에 type 이란 속성은 순서를 표현하는 방법이며, start는 그 표현의 몇 번째부터 보이는 가입니다. 결과를 도출해 보면 하기.. 앱 만들기/HTML5 study 2023. 2. 19.

• 

  비주얼스튜디오 주석처리 하기 주석 주석이란. 코딩내용을 설명해주는 내용입니다. 그렇기에 실행코드에는 아무런 영향을 주지 않습니다. 하지만, 코딩 시 주석처리는 매우 중요합니다. 실무 프로젝트 시 여러 사람이 소스를 만지다 보면, 이 함수가 어떤 역할을 하는지 주석처리가 되어 있다면 빠르게 유지보수가 가능합니다. 하지만 그보다도 본인이 짠 코드도 한 1년 후 보면 긴가 민가 합니다. 그렇기에 그 당시에 수정한 날짜 및 해당 기능 및 수정사항에 대해서 자세히 적어두면 둘 수록 좋습니다. 귀찮다고 주석없이 짰다가 현재는 편할지 몰라도 어느 정도의 시간이 지나면, 인간의 뇌는 기억이 그리 오래 남지 않다는 것을 금방 알 수 있습니다. 그렇기에 주석은 메모와 유사하다고 생각 하면 됩니다. 비주얼스튜디오 웹 문서에 주석처리 하는 방법을 알아봅.. 앱 만들기/비쥬얼스튜디오 코드 2023. 2. 8.

• 

  <ol> 태그 사용법 태그는 ordered list 의 약자로 순서가 있는 목록 이라는 뜻 입니다. HTML 에서 하기와 같은 순서가 있는 목차를 만들고 싶다면 ol 태그를 사용하면 됩니다. 그럼, 실제 예제를 살펴보겠습니다. 나이키 아디다스 푸마 프로스펙스 내용 부분인 안에 태그를 명시해줍니다. 태그를 만나는 순간 브라우저는 아~순서있는 리스트가 나오겠구나 하고 알게되는 것 입니다. 태그 하부에는 각 리스트 별로 태그 (list 의 약자) 를 배치시킵니다. 순서대로 1 부터 숫자가 붙여지기에 원하는 목차만큼 기재하면 됩니다. 순서가 있는 목록 리스트를 만들기 위해서는 하기 기본 구조를 머리 속에 생각하면 좋겠습니다. 나이키 아디다스 푸마 프로스펙스 태그 사용법 이였습니다. 감사합니다. 태그 속성 태그 사용법 태그는 oder.. 앱 만들기/HTML5 study 2023. 2. 6.

• 

  <hr> 태그 예제 태그는 선을 그려 줍니다. 선을 그려줌으로써 문단의 내용 및 주제 변화를 손쉽게 구분하여 나타내 줄 수 있습니다. 이럴때 html 에서는 태그를 사용합니다. hr 은 horizontal rule 의 약자이기도 합니다. 하기 예제를 살펴보겠습니다. 한국 한국의 영어표기는 Republic of Korea 입니다. 동아시아에 위치한 나라로 인구는 약 5174만명 입니다. 독일 독일의 영어표기는 Germarny 입니다. 중앙유럽에 위치한 나라로 인구는 약 8320만명 입니다. 위처럼, 한국과 독일을 구분하기 위해서 태그로 선을 그어 구분합니다. 브라우저에서 확인하면 하기와 같은 결과값을 얻을 수 있습니다. 주제 및 내용의 변화가 생길때 선긋기로 html 문서를 표현하면 됩니다. 태그 예제 였습니다. 감사합니다. 앱 만들기/HTML5 study 2023. 2. 4.

• 

  <strong>태그 사용법 html 태그 중 오늘은 strong 태그 입니다. 말그대로 내용 중 강조 하고 싶은 부분을 나타냅니다. 태그를 사용하면 강조하고 싶은 부분을 굵게 볼드 폰트로 표기합니다. 예제 입니다. 태그 연습입니다 예제를 살펴봅시다 P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다. P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다. 예제를 마무리 합니다. 태그 역시 강조하는 태그 이지만 강조를 이태릭 타입으로 보여 줍니다. 은 굵은 폰트로 보여 줍니다. 결과 화면에서 차이를 살펴 봅니다. 강조된 내용을 굵게 표시하고 싶다면, strong 태그를 사용하시면 됩니다. 그럼, 이태릭 체에 굵게 강조된 표기를 하고 싶다면,,, 태그를 사용합니다. P태그는 문단을 의미하며 이렇게.. 앱 만들기/HTML5 study 2023. 1. 28.

• 

  <em> 태그 사용법 태그는 emphasize 의 약자로 '강조하다'는 의미 입니다. 즉, 강조하는 태그 입니다. 강조하는 텍스트를 이태릭체로 옆으로 기울려 표기 합니다. 예제 입니다. p태그 연습입니다 예제를 살펴봅시다 P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다. P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다. 예제를 마무리 합니다. 태그 사이 강조하고 싶은 부분에 태그를 적용하였습니다. 이태릭 체로 강조하고 싶다면, 'emphasize' 태그를 활용해 보세요. 감사합니다. https://soo0100.tistory.com/2095 태그 예제 HTML 태그 중 태그에 대해서 알아봅니다. br 태그는 줄 바꿈을 해주는 태그 입니다. 하기 예제를 실행 시키면, 태그 안의 글.. 앱 만들기/HTML5 study 2023. 1. 26.

• 

  <br>태그 예제 HTML 태그 중 태그에 대해서 알아봅니다. br 태그는 줄 바꿈을 해주는 태그 입니다. 하기 예제를 실행 시키면, 태그 안의 글자들이 한줄로만 보여집니다. (물론 브라우저 창 크기에 맞게 한줄 혹은 여러줄로 보여줍니다.) 하지만, 원하는 위치에서 항상 줄바꿈을 하기를 원한다면, 태그를 사용해야 합니다. p태그 연습입니다 예제를 살펴봅시다 P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다. P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다. 예제를 마무리 합니다. 위 소스에 태그를 추가해 봅니다. P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다. P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다. 브라우저 창 크기의 .. 앱 만들기/HTML5 study 2023. 1. 25.

• 

  <p>태그 예제 HTML 태그 중 태그에 대해서 알아봅니다. p 태그는 문단을 표현하는 태그 로 영어 paragraph 의 태그 약자이기도 합니다. p태그 연습입니다 예제를 살펴봅시다 P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다. P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다. 예제를 마무리 합니다. 위 예제처럼, p 태그로 작성된 문단 은 앞뒤에 한줄의 공백이 생깁니다. 즉, 웹브라우저에서 정보 전달시 문단으로서의 역할을 충분히 나타낼 수 있습니다. 하기는 결과 내용 입니다. p태그는 태그처럼 열고 닫는 태그가 한쌍으로 구성되어야 합니다. p태그 예제 였습니다. 감사합니다. 앱 만들기/HTML5 study 2023. 1. 24.

• 

  비쥬얼스튜디오 코드 탭 사이즈 조정하기 웹문서를 작성할때 탭 사이즈가 너무 크거나 작으면 문서의 직관성이 떨어집니다. 하기처럼 태그들이 적당한 정렬을 유지할때 직관성이 높아집니다. 코딩시 탭을 이용해서 태그들의 시작위치를 잡으면 편리합니다. 탭 사이즈를 조정하는 방법을 알아보겠습니다. 1. 비쥬얼스튜디오 코드 왼쪽하단 '관리 아이콘'을 클릭 합니다. - 팝업메뉴에서 설정을 선택합니다. 혹은 Ctrl 과, 키를 누르면 설정으로 이동하게 됩니다. 설정 단축키(Ctrl+,) 2. 설정 메뉴 검색란에서 "탭"으로 검색합니다. - 메뉴에서 일일이 찾기가 번거롭기에 "탭"으로 검색하면 관련 설정들이 나옵니다. Editor:Tab Size 란의 숫자를 조정하면 탭 사이즈가 조정 됩니다. 일반적으로 2, 4 정도를 많이 사용합니다. 별도의 저장은 필요없고 .. 앱 만들기/비쥬얼스튜디오 코드 2023. 1. 23.