[HTML] HTML <link> 태그를 통한 리소스 불러오기

2021-03-25 자신의 사용하고 있는 디렉터리 및 외부 요소를 가져오고자 할 때 link 태그를 사용한다. 주로 외부에 저장되어 있는 css 스타일 시트(stylesheet)를 연결하고자 할때 사용한다. 구체적인 사용법을 알아보도록 하자. - 리소스 css 파일 준비 우선적으로 스타일시트로 사용하고자 하는 css 파일을 만들어주어야 한다. 해당 파일은 어디에 만들어 두었든 크게 상관은 없지만 앞으로 계속해서 사용할 스타일시트 (css)파일이라면 한 곳에 잘 정리해서 두는 것이 좋다. 이후 생성된 파일에 아래와 같은 옵션을 부여해주었다. div태그 중심으로 넓이와 높이 배경색을 지정하였다. @charset "UTF-8"; /* div 태그에 공통된 속성 부여 */ div{ width: 300px; /*..

• format_list_bulleted WEB/HTML
• · 2021. 3. 25.
• textsms

[HTML] HTML button 의 type 종류들 (submit/button/reset)

2021-03-19 button의 type 크게 3종류로 나누어진다. 종류로는 button / submit / reset 있다 이 세 가지의 버튼 타입의 기능에 대하여 알아보도록 하자. ( 게시글 제일 아래 전체 코드를 같이 올려 두었다.) - button button은 말그대로 클릭을 할 수 있는 버튼이 브라우저 창에 생겨나며, 클릭해도 아무런 기능이 없다. 이와 같은 button은 자바스크립트와 같은 다른 언어의 함수 및 기능을 구현하면, 해당 기능을 실행하기 위한 대상(버튼)의 역할을 한다. 버튼(button) - submit submit은 과 동일한 기능을 수행하며, 서버로 데이터를 전달하는 역할을 하는 타입이다. 참고로 아무런 타입 부여 없이 " 버튼 " 을 설정해도 button의 기본 defa..

• format_list_bulleted WEB/HTML
• · 2021. 3. 19.
• textsms

[HTML] 이클립스 UTF - 8 / EUC-KR 인코딩 변경하는 방법 [한글깨짐해결]

2021-03-03 이클립스 사용간 자바 프로젝트와 웹 프로젝트를 번갈아서 만들다 보면, 각 프로젝트 간 인코딩 방식이 상이하여 글자(한글)가 깨지는 현상이 발생하곤 하는데, 이를 해결하는 방법을 알아보자. - 전체 프로젝트 인코딩 방식 설정 1. 상단 메뉴창 Window -> Preferences 클릭 2. General -> Workspace -> Text file encoding Text file encoding에서 자신이 원하는 인코딩 형태를 선택해서 사용하면 된다. (자신의 원하는 타입이 없을 경우 직접 타이핑하여 적어주면 된다. ) - 프로젝트별 인코딩 방식 설정 물론 개별 프로젝트별 인코딩방식을 따로 설정할 수 있다. 1. 프로젝트 우클릭 -> Properties 클릭 2. Resource ..

• format_list_bulleted WEB/HTML
• · 2021. 3. 3.
• textsms

HTML 태그 <p> <br>줄바꾸기 <img>이미지 삽입 <table> 표삽입

2020-05-23 우리가 특정 웹사이트를 들어가 정보를 접하게 되면, 아래와 같이 문단과 문장에 끝을 알리는 여백을 손쉽게 볼 수 있는데, 이러한 것을 가능하게 하는 태그가 바로 태그라고 할 수 있습니다. 우선적으로 p태그는 paragraph의 준말로 단락을 나타내는 태그인데, 단락을 표시하고 싶은 곳 앞에 여는 태그 끝나는 곳에 닫는 태그를 해주면 누구나 쉽게 단락을 나눌 수 있게 되는 아주 간편한 태그입니다. -사용법 ex- 2013년 12월, 미국 항공우주국은 허블 우주 망원경의 연구를 바탕으로, 토성의 위성인 엔셀라두스에서 발견된 것과 비슷한 수증기 기둥을 유로파에서 발견했다고 발표했다. [13] 또한, 유로파의 표면에서 유기 물질과 관계가 있는 점토 광물(특히 층상 규산염)이 발견되었다고 발표..

• format_list_bulleted WEB/HTML
• · 2020. 5. 23.
• textsms

HTML 기초이론/태그/링크/문법

2020-05-21 HTML 또는 하이퍼텍스트 마크업 언어는 웹 페이지를 위한 지배적인 마크업 언어다. 위의 사전 용어만 본다면 해당 용어가 정확히 무엇을 의미하는지 정확히 파악하기에는 조금 어려움이 있는 것 같습니다. 좀 더 쉽게 이해하기 위해서는 HTML을 2가지로 나누어줄 필요가 있습니다. HyperText 하이퍼텍스트는 HTML을 구성하는 핵심적인 부분으로 문서와 문서를 연결해주는 링크라는 의미이며, 쉽게 이야기하자면 네이버 메인 사이트와 뉴스 카테고리 링크의 연결도 하나의 하이퍼 텍스트라고 볼 수 있다! (너와 나의 연결고리ㅎ_ㅎ...) Markup Language 마크업 랭귀지는 웹사이트를 표현하는 언어라고 보면 되는데, 네이버 메인 사이트 내에서 F12를 눌러보면 위와 같이 우측에 나타나게 ..

• format_list_bulleted WEB/HTML
• · 2020. 5. 21.
• textsms