태그 8

!important 태그를 이용해 스타일 우선 순위 지정하기

CSS에서 다른 스타일이 내가 적용하려는 스타일이 적용되는 것을 방해한다면, 이번 시간에 소개시켜드릴 !important 태그를 사용하여 해결할 수 있습니다. !important 태그는 스타일의 우선순위를 최상단으로 지정하기 때문에 다른 어떤 스타일이 적용되어 있어도 !important 태그를 붙인 스타일이 적용됩니다. 예시를 통해 자세히 알아보도록 하겠습니다. 테스트 p { color: #000000; } 위와 같은 HTML 코드와 CSS 코드를 사용하면, 태그 안에 둘러쌓인 테스트라는 글씨는 색상이 검은색으로 변합니다. 하지만, 이미 저렇게 CSS에서 p 태그의 색상이 할당되어 있는데도 불구하고 색상을 하얀색으로 지정하고 싶다면 이번 시간에 활용되는 !important 태그를 사용하면 해결됩니다. p..

IT 2020.03.04

[HTML] a 태그에 대해 알아보기

​ 안녕하세요. 윤시즈 입니다. ​​이전 강좌 보기: HTML 기초, HTML에 대해 알아보자​ HTML 에는 여러가지 태그가 있지만, 이번시간에는 수 많은 태그 중 태그를 알아보겠습니다. 태그는 여러가지 기능이 있는데, 대표적으로 대부분 웹 페이지에서 찾아볼 수 있는 텍스트를 누르면 다른 웹 사이트로 이동한다건가, 이미지를 누르면 다른 웹 사이트로 이동하는 링크 기능이 있습니다. ​​# 링크 기능​ ​먼저 코드는 아래와 같이 사용할 수 있습니다. 다음으로 가는 링크 예제 입니다. ​다음으로 가기 ​ 먼저 a 태그를 열어주고, href 에 링크 주소를 적어주시면 됩니다. 로 닫아주는건 기본이죠?

IT 2019.02.24

[HTML] HTML 기초, HTML 이 뭔지 알자.

​ 안녕하세요. 윤시즈 입니다. 이번시간에는 HTML에 대해 알아보겠습니다. HTML의 예시코드를 웹 사이트 또는 블로그를 보고 따라하는 것도 물론 좋은 방법이자 학습이지만, 어떤자리에 어떤 태그가 들어가는지는 알고 넘어가시는게 좋습니다. HTML은 HyperText Markup Language 약자입니다. HTML 하나만을 가지고 사이트를 만들 수 있진 않습니다. HTML 이란 친구를 도와 줄 CSS, Javascript 가 있습니다. 인체로 비유하자면 HTML은 사람의 뼈이고, CSS는 외모, Javascript 는 능력입니다. 다시말해 HTML만을 가지고는 정상적인 웹 사이트를 만들 수는 없고, 부가적으로 CSS, Javascript 가 필요한 것 입니다. 간단한 사이트를 만드실 때에는 Javasc..

IT 2019.02.11

colorscripter 붙여넣은 것을 가운데로 배치시키기.

안녕하세요. 윤시즈 입니다. 지난번 시간에 다룬 colorscripter 을 붙여넣으면 무조건 왼쪽으로만 정렬되는 것을 보실 수 있으셨을텐데요.티스토리에서 가운데로 배치시키는 방법에 대해 알아보겠습니다.아직 colorscripter 을 모르신다면 이전 포스팅을 참고하세요.이전 포스팅 ▶ https://iflue.tistory.com/46 1) 티스토리 에디터 오른쪽 상단에 있는 HTML 버튼을 선택합니다.2) 긴 코드가 있는 곳 맨 앞에 태그를 붙인다. 3) 긴 코드가 있는 곳 맨 뒤에 태그를 붙인다.* / 을 주의하세요. 4) 다시 HTML 버튼을 선택합니다. 5) 변경된 배치를 확인합니다.더 궁금하신 점 있으시면 댓글로 남겨주세요. 감사합니다.

IT 2019.02.07

[HTML&CSS] a 태그를 사용할 때 밑줄 없애는 방법

안녕하세요, iFlue의 yoo_nan01 입니다. 오늘은 HTML&CSS 에서 a 태그를 사용할 때 밑줄을 없애는 방법에 대해 알아보겠습니다. 1. HTML 작성하기아래 코드와 같이 코드를 작성하여 주세요. 1iFlue Tistorycs 2. CSS 작성하기 이때, text-decoration: none; 은 밑줄을 없애는 것입니다.밑줄을 만드시려면, text-decoration: underline; 으로 하시면 됩니다. 1234567.no_underline {text-decoration: none;}.no_underline:hover {text-decoration: none;}cs 추가로 궁금하신 점이나, 포스팅을 원하는 것이 있으면 댓글로 남겨주세요. 감사합니다.

IT 2018.07.26