본문 바로가기

HTMLLINK4

HTML 파비콘(Favicon) 즐겨찾기 아이콘은 브라우저 탭의 페이지 제목 옆에 표시되는 작은 이미지이다. HTML문서에 Favicon을 어떻게 추가할까? 원하는 이미지를 즐겨찾기로 사용할 수 있습니다. 또한 https://www.favicon.cc 과 같은 사이트에서 자신만의 즐겨찾기 아이콘을 만들 수 있다. 브라우저 탭의 페이지 제목 왼쪽에는 다음과 같은 즐겨찾기 이미지가 표시된다: 웹 사이트에 즐겨찾기 아이콘을 추가하려면 즐겨찾기 이미지를 웹 서버의 루트 디렉터리에 저장하거나, 이미지라는 이름의 루트 디렉터리에 폴더를 만들고 이 폴더에 즐겨찾기 이미지를 저장한다. 즐겨찾기 이미지의 일반적인 이름은 "favicon.ico"이다. 다음으로, 다음과 같이 요소를 "index.html" 파일에 요소 뒤에 추가한다: My Page Tit.. 2023. 5. 3.
HTML 링크-다른색상 HTML 링크는 방문했는지, 방문하지 않았는지, 활성 상태인지에 따라 다른 색상으로 표시된다. HTML Link Colors 기본적으로 링크는 다음과 같이 나타난다(모든 브라우저): 방문하지 않은 링크는 밑줄이 그어져 있고 파란색이다. 방문한 링크는 밑줄이 그어져 있고 보라색이다 활성 링크는 밑줄이 그어져 있고 빨간색이다 CSS를 사용하여 링크 상태 색상을 변경할 수 있다: 여기서 방문하지 않은 링크는 밑줄이 없는 녹색으로 표시된다. 방문한 링크는 밑줄이 없는 분홍색이다. 활성 링크는 노란색이고 밑줄이 표시된다. 또한 링크(a:hover) 위에 마우스를 놓으면 빨간색이 되고 밑줄이 표시된다: Link Colors 기본 링크색상을 변경할 수 있다. HTML 이미지 링크 버튼 링크는 CSS를 사용하여 버튼으.. 2023. 4. 27.
HTML 링크(Links-Hyperlinks) 링크는 거의 모든 웹 페이지에서 찾을 수 있다. 링크를 통해 사용자는 페이지에서 페이지로 이동하는 길을 클릭할 수 있다. HTML Links - Syntax HTML 태그는 하이퍼링크를 정의한다. 구문은 다음과 같다: link text 요소의 가장 중요한 속성은 링크의 목적지를 나타내는 href 속성이다. 링크 텍스트는 판독기가 볼 수 있는 부분이다. 링크 텍스트를 클릭하면 판독기가 지정된 URL 주소로 전송된다. www.naver.com에 에 링크를 어떻게 생성하는지 보여준다. 네이버로 가자! 기본적으로 링크는 모든 브라우저에 다음과 같이 나타난다: 방문하지 않은 링크는 밑줄이 그어져 있고 파란색이다. 방문한 링크는 밑줄이 그어져 있고 보라색이다 활성 링크는 밑줄이 그어져 있고 빨간색이다 HTML 링크.. 2023. 4. 26.
HTML CSS CSS는 Cascading Style Sheet 약어로 계단식 스타일 시트를 의미한다. CSS는 많은 작업을 절약한다. 여러 웹 페이지의 레이아웃을 동시에 제어할 수 있다. CSS란 무엇인가? 계단식 스타일 시트(CSS)는 웹 페이지의 레이아웃을 포맷하는 데 사용된다. CSS를 사용하면 색, 글꼴, 텍스트 크기, 요소 사이의 간격, 요소의 배치 및 배치 방법, 사용할 배경 이미지 또는 배경색, 다양한 장치 및 화면 크기에 대한 다양한 디스플레이 등을 제어할 수 있다! 계단식이라는 단어는 부모 요소에 적용된 스타일이 부모 요소 내의 모든 자식 요소에도 적용된다는 것을 의미한다. 따라서 본문 텍스트의 색상을 "파란색"으로 설정하면 본문 내의 모든 제목, 문단 및 기타 텍스트 요소도 동일한 색상을 갖게 된다(.. 2023. 4. 25.