Web4 [HTML] div, span, p 태그 1. 태그 division 이라는 뜻으로 html 안에 존재하는 여러 태그들을 묶어주는 주머니 역할 큰 단위인 로 묶으면 후에 css로 에 style을 적용하면 태그 안에 있는 모든 태그들에 적용됨 태그 자체로는 시각적인 변화를 나타낼 수 없음 'block level element'로 행 전체를 사용 텍스트 텍스트 텍스트 텍스트 아래와 같이 화면에 나타난다. 2. 태그 와 같이 여러 개의 태그들을 묶어주는 역할 'inline element'로 content 만큼의 공간만 차지 태그 자체로는 시각적인 변화를 나타낼 수 없음 + 태그 문단 상하 margin 2024. 1. 8. ngrok를 사용해서 웹페이지 공유해보기 https://ngrok.com/ Unified Application Delivery Platform for Developers ngrok is a secure unified ingress platform that combines your global server load balancing, reverse proxy, firewall, API gateway and Kubernetes Ingress Controller to deliver applications and APIs. ngrok.com ngrok에 접속해서 회원가입하고 ngrok 설치 후 진행 2번 'Connect your account'에 있는 명령어를 입력해보자. authtoken 추가 되었다는 메세지가 나온다. 아래 코드 입력. 경로 부분에.. 2023. 11. 8. BItly 2023. 11. 8. web1 VSCode 단축키 Ctrl + N : 파일 새로 만들기 Ctrl + B : left bar 숨기기 Shift + alt(option) + f : beatufiy Ctrl + / : 주석처리 Ctrl + i : emmit 단축키 'html : 5'를 선택하거나 '!' 입력후 선택 Do it Shift + alt + f 사용해보기. beautify 사용하는데 prettier 설정 이용. : document 타입이 html 문서 ~ : 웹문서의 시작과 끝을 나타내는 태그 : 웹문서의 정보에 대한 코드 작성 ~ : 웹문서에서 화면에 출력되는 코드 작성 개발자 도구 이용해서 favicon 찾기. website title 옆 아이콘 설정 할 수 있다. favicon이 설정된 것을 확인할 수 있다. Emmet 사용.. 2023. 11. 7. 이전 1 다음
