본문 바로가기

html, css3

HTML <a>태그를 이용해 링크 달기 이 태그는 웹페이지를 만드는데 제일 중요한 기능 중 하나이다. 검색 엔진들은 이 태그 덕분에 여러 웹 페이지를 이동할 수 있다! 태그 사용법 놀러오세요 jin's devlog a태그 안에 href라는 속성을 꼭 적어야한다!!! href는 링크를 의미하는 하이퍼텍스트의 h와 웹브라우저에게 이 값을 참조하라는 의미에서 reference의 ref를 따왔다. 여기에 이동할 주소를 넣으면된다. 실행시키면 다음과 같은 jin's devolg로 이동할 수있는 링크가 걸린다. 새 탭에 열기 놀러오세요 jin's devlog 새 탭에서 열고 싶으면 위와 같이 target 속성을 추가하면 된다. 툴팁처럼 미리 알려주기 놀러오세요 jin's devlog 링크를 클릭하기 전에 툴팁처럼 무엇인가를 알려주고 싶다면 title 속.. 2021. 3. 25.
HTML 기본 구조 분석 지난번 포스팅에서 vscode에서 html기본구조를 자동으로 완성시키는 방법을 알아보았다. 비쥬얼 스튜디오 코드(vscode) html 자동완성 기능 나같은 html 초보는 html 기본구조를 자동완성으로 만들면 편하다!! 위와 같은 기본 구조를 만드는 것이다. 1. html 입력하기 코드창에 html을 입력하고 html:5를 선택하면 된다. 2. !+Tap !입력하고 Tap 누 yjin99.tistory.com 앞서 설명한 방법대로 만든 html의 기본 구조를 분석해보자. 먼저 웹페이지에 hellow world를 출력해주는 코드를 실행시켜보자. hello world! 이 코드는 크게 본문과 본문에 대한 설명으로 나눌 수 있다. 페이지의 나타낼 글과 그림이 있는 본문은 태그로 묶여저 있고 그 본문에 대한.. 2021. 3. 23.
비쥬얼 스튜디오 코드(vscode) html 자동완성 기능 나같은 html 초보는 html 기본구조를 자동완성으로 만들면 편하다!! 위와 같은 기본 구조를 만드는 것이다. 1. html 입력하기 코드창에 html을 입력하고 html:5를 선택하면 된다. 2. !+Tap !입력하고 Tap 누르면 끝~ 2021. 3. 23.