Front/HTML5 HTML개요 HTML (HyperText Markup Language) :하이퍼 텍스트와 콘텐츠를 표시해주는 언어 Hyper Text : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 Markeup : 콘텐츠를 표시한다는 뜻 Language : 언어 rendering : HTML코드가 웹브라우저를 통해 해석되고 표현되는 과정 HTML의 확장자 : '.html', '.htm' 파일 수정은 텍스트 편집기로 열고 결과(웹페이지)를 확인하려면 웹브라우저로 연다. 개발자도구 이용하기 Mac 단축키 개발자도구 열기 : Command + Option + j 코드 에디터 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어이다. 텍스트 자동 완성 + 하이라이팅 기능이 추가된 메모장과 같다. 추천.. 2023. 1. 19. 하리보 전시 입구 사진 HTML, 구현 실습중 HRIBBO macht kinfer froh und Erwachense ebenso! 하리보는 아이들을 즐겁게 해요. 그리고 어른들도! 함께해요 모두 다, 행복해요 하리보! 따라할 사진 @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); #text3 { font-family: 'Jua', sans-serif; } 그런데 웹폰트 적용이 프리뷰에서는 보이지만 브라우저로 열었을 때는 적용되지 않고 보인다. 뭐지..? 2023. 1. 11. HTML5 type & tags 태그의 기초 태그의 사용법 : 기호를 사용해서 콘텐츠의 시작과 끝을 표시한다. 각 태그는 콘텐츠를 감싸며, 태그명은 콘텐트의 성격과 의미를 나타낸다. 단일 태그 : 경우에 따라서는 시작과 끝을 구분할 필요가 없다. 여는 태그나 닫는 태그 중 어떤 것을 써도 상관 없는 경우에 해당한다. 속성 태그 : 태그의 부가적인 기능을 정의한다. (선택사항) 태그명과 속성 정의는 공백으로 구분하며 큰따옴표를 사용한다. 주석 : 컴퓨터는 읽지 않고 사람에게만 보이게 처리할 때 사용한다. HTML 구성요소 : 이것이 html 최신 표준 문법으로 작성되었음을 나타낸다. : 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다. : 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 .. 2023. 1. 5. HTML5 태그2 230104 영역 관련 태그 1. 블록 레벨 태그 - 사각형이 한 행 전체를 차지(너비100%) - 블록레벨은 무조건 한 행을 차지하니까 다른 요소가 함께 같은 줄에 올 수 없음 예) div, p, pre, hr, table ... 2. 인라인 레벨 요소 태그 - 내용에 해당되는 부분만 영역을 지님 - 다른 요소와 함께 사용 가능 예) span, img, input, button ... VS - (블록 레벨 태그)화면 분할 - 콘텐츠가 없으면 높이0, 너비 100%차지 - (인라인 레벨 태그) 콘텐츠를 감싸는 역할 - 컨텐츠가 없으면 높이, 너비 모두 0 3. iframe 태그(인라인 프레임) - 웹 문서 안에 다른 웹 페이지 추가 src= "페이지 경로 추가" 3-1. [상대 경로 방식] : 현재 파일.. 2023. 1. 4. HTML5 태그1 2023/01/03 뉴탭- 클론- 깃에서 code- 클론 HTTPS카피- 소스트리-뉴탭-클론-탐색- 카피한 것 붙여넣기 -창에서 빈 곳 아무거나 클릭-로그인창 클릭-새창 뜨면 로그인 클릭 (오류 빈창이 뜨는 건 연결 기본 브라우저 설정이 다를 경우) vscode설치 기본 그대로 설정- 파일- enc-utf8 글꼴 Hack Mouse wheel zoom체크 tab size4 korean -install-restart dracula them(테마는 개인취향이라 비필수) HTML Snippets Auto Rename Tag Quick HTML Previewer indent-rainbow Prettier - Code formatter vsc-.git이 아닌 frontend 열기-좌측 창에서 새폴더 '01_HTM.. 2023. 1. 3. 이전 1 다음
