프론트엔드(Frontend)/HTML
HTML5 멀티미디어와 입력 양식
오디오 파일형식 : MP3 : MPEG-1 Audio Layer-3의 약자로 MPEG 기술의 음성 압축 기술이다. Wav : 윈도우에서 사용되는 표준 사운드 포맷으로 마이크로소프트 사와 IBM사가 만들었다. 파일의 크기가 큼. Ogg : MP3 대안으로 개발된 사운드 파일 포맷으로 디지털 오디오 포맷의 특허권을 반대하고 보다 좋은 음질을 위해 오픈소스로 개발되었다. (autoplay : 크롬에서 자동재생을 막아놔서 추가 콘텐츠설정에서 소리 권한 설정을 해줘야 자동재생됨) 비디오 input 형식
HTML5 기본 요소 #2
리스트 리스트는 항목을 나열하는 데 사용하고 ul, ol 둘중 하나 선언해 사용하면 됩니다. 내용 내용을 넣어서 작성 번호 없는 리스트(unordered lists) 타입을 주어서 변경 할 수 있음 type="disc, circle, square" 번호 있는 리스트(ordered lists) 마찬가지로 타입을 주어서 변경 할 수 있음 type="1, a , A , i" 리스트 예시를 보겠습니다. 링크 하이퍼링크 (또는 링크)는 다른 문서로 점프할 수 있는 단어나 이미지를 지정하여 사용할 수 있습니다. target 속성 = _blank, _self, _parent, _top (_self가 디폴트 값) 추가로 절대경로 : "https://www.google.com/"다른 웹 사이트의 페이지 상대경로 : "...
HTML5 기본 요소 #1
단락(Paragraph) 단락이란 전체 글의 내용에 따라 나눌 때, 하나하나의 짧은 이야기 토막을 말합니다. 단락 태그는 가 없어도 여백은 똑같이 들어가고 웹 브라우저는 자동적으로 단락의 전후에 빈 줄을 추가합니다. 줄바꾸기 br태그는 break의 약자로 종료 태그를 가지지 않는 태그이고, Enter 역할을 수행 합니다. break의 약자로 다음과 같이 사용합니다. 입력한 그대로 화면에 출력하는 pre 태그 pre 태그는 previously formatted text에서 나온 용어로 pre태그는 개발자가 입력한 스페이스나 탭 줄 바꿈이 그대로 유지된 채 출력됩니다. 의 예시를 보겠습니다. 헤딩(heading) 웹 페이지의 머리기사(headline)입니다. 헤딩태그는 다음과 같이 사용합니다. 숫자가 작을수..
HTML 관련 사이트 정리
안녕하세요 이번에 소개해드릴 내용은 HTML과 관련된 사이트입니다. W3sschools.com/html https://www.w3schools.com/html/ HTML 오류 체킹 사이트 https://validator.w3.org/ 색 조합 및 색 코드 보여주는 사이트 https://m2.material.io/resources/color/#!/?view.left=0&view.right=0 HTML 태그 모음 & 요약정리 티스토리 https://yunbinni.tistory.com/63 저는 개인적으로 1번 사이트를 자주 이용한답니다. HTML 문서 작성하다가 가끔 헷갈리는게 나오면 W3sschools에서 검색해서 보면 또 기억나고 하더라구요. 오늘글은 이만 마치도록 하겠습니다. 읽어주셔서 감사합니다.
이클립스 HTML 작성 시 코드 자동 완성이 안될 때 대처 법
Window -> Preferences 클릭 2. Web - HTML Files - Editor - Content Assist까지 진입해주시고, 파란색 밑줄친 Auto activation delay(ms) : 0으로 바꿔줍니다. 3. Prompt when these characters are inserted : 파란색 밑줄 친 부분 수정하겠습니다. 아래의 명령어 복사해서 붙어넣어 주세요.
HTML 문서의 기본 구조
오늘은 HTML 문서의 기본 구조에 대해 알아봅시다. HTML에는 대표적으로 태그(tag), 요소(element), 속성(attribute), 주석(comment)으로 작성됩니다. 태그(tag) : 태그는 HTML 문서를 보시면 보통은 이런식으로 생긴게 태그라 불리며, 꺽쇠갈호를 시작했으면 로 닫아주셔야 합니다. 가끔 /가 안들어가는 태그도 있습니다. ex) , 요소(element) : 요소는 시작태그와 종료태그 안에 들어가 있는 문자열 모드를 요소라고 합니다. 초록색으로 칠한 title 부분이 시작태그(start tag)와 종료태그(end tag)라 불리고 그사이에 있는게 요소의 내용 입니다. 이걸 통틀어 부르는게 요소(element)가 됩니다. 속성(attribute) : 꼭 위와 같이 태그에만 작성..
이클립스 인코딩을 EUC-KR에서 UTF-8로 교체하는법
이클립스는 설치된 환경이라고 생각하고 진행됩니다. 적용버튼 꾹 눌러주시고 이제 초기 세팅을 마치도록 하겠습니다.