본문 바로가기

HTML문서51

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.
HTML 색조, 채도, 명도(HSL) 색상 HSL은 색조(Hue), 채도(Saturation), 명도(Lightness)를 나타낸다. HSLA 색상 값은 알파 채널(불투명도)을 가진 HSL의 확장이다. HTML HSL 색상 HTML 색상은 색조, 채도 및 명도(HSL)를 사용하여 다음과 같은 형식으로 지정할 수 있다: hsl(hue, saturation, lightness) 색조는 0에서 360도까지의 색상값을 가진다. 0은 빨간색, 120은 녹색, 240은 파란색이다. 채도는 백분율 값이다. 0%는 회색의 색조를 의미하며, 100%는 전체 색상이다. 명도는 백분율 값이다. 0%는 검은색이고 100%는 흰색이다. 아래의 HSL 값을 혼합하여 예제이다: HTML 채도(Saturation) 채도는 색상의 강도로 설명할 수 있다. 100%는 회색 음영.. 2023. 4. 24.
HTML 스타일(Styles) HTML 스타일 속성은 색상, 글꼴, 크기 등의 스타일을 요소에 추가하는 데 사용된다. HTML 스타일 속성 HTML 요소의 스타일 설정은 스타일 속성으로 수행할 수 있다. HTML 스타일 특성의 구문은 다음과 같다: property는 CSS 속성이다. value는 CSS 값이다. 추후에 CSS 튜터리얼에서 좀더 배워보자. 배경색(Background color) CSS background-color 속성은 HTML 요소에 대한 배경색을 정의한다. 예제 이것은 제목이다. 이것은 단락이다. 또다른 예제는 제목에 배경색과 단락에 배경색을 다르게 설정할 수 있다. 제목에는 powderblue색이 배경색으로 단락 배경에는 tomato색으로 설정한다. 예제 This is a heading This is a para.. 2023. 4. 16.