본문 바로가기

태그5

HTML - attribute(속성) 이란? attribute(속성)을 나타내는 태그 안녕하세요. 고코더 입니다. ● 1. 오늘은 HTML에서 attribute 이라는 것을 배워 보려고 합니다. 영어 사전의 이 뜻을 살펴면 아래와 같습니다. attribute 자질,속성 - 영어사전 ● 2. 예를 들면 아래와 같은 폰트 태그가 있습니다. 태그 안에 들어가는 요소들의 대한 성격 및 스타일을 나타내는 상태 구분을 말합니다. 즉 size 라는 크기와 color 라는 색깔을 지정하여 속성을 나타내었습니다. ● 3. 다시 말하면 html 문서에서 elements 에 추가적인 정보를 넣을 때 사용되는 요소입니다. 속성은 항상 "이름='값'" 이런식의 쌍으로 된 정보가 옵니다. 만약에 아래와 같은 div요소가 있습니다. 그럼 여기서 div는 element라는 요.. 2021. 1. 20.
브런치 - 키워드,태그로 글 모아보기 keyword, tag로 글 모으기 안녕하세요. 고코더 입니다. ● 1. 브런치에서는 키워드가 존재합니다. 일명 태그입니다. 하나의 글에 3개까지의 키워드를 지정할 수 있습니다. 그런데 브런치에서는 태그를 클릭했을 때 태그별로 모이고 내가 원하는 태그는 선택이 좀 힘듭니다. 그래서 오늘은 간단하게 브런치에서 태그별로 글을 모아 보는 방법을 알아보겠습니다. ● 2. 방법은 매우 간단합니다. 크롬에서 해당 URL 뒤에 원하는 키워드를 붙혀 접속하면 됩니다. https://brunch.co.kr/keyword/ ● 3. 예를 들면 브런치라는 태그의 글을 보고 싶다면 아래처럼 URL를 접속합니다. 그럼 해당 태그의 글만 모아서 글을 볼 수 있습니다. "https://brunch.co.kr/keyword/브런치".. 2021. 1. 1.
HTML - style 태그를 두번 선언하면 어떻게 될까? style 태그 중복 선언 안녕하세요. 고코더 입니다. ● 1. 많은 분들은 이미 알고 계시겠지만 최근에 코딩하다 알게 된 사실인데요. HTML에 요소에 style 태그를 선언해서 CSS 속성을 입력할 수 있습니다. Q. 그런데 이 style태그를 두 번 입력한다면 브라우저는 어떻게 해석할까? A. 정답은 처음 style 태그만 입력 받는다 ● 2. 한번 실험을 해보겠습니다. 아래처럼 태그를 입력했습니다. ● 3. 그리고 결과는 당연히 빨간색으로 글자가 표현됩니다. ● 4. 그럼 같은 속성만 무시되는 거 아니냐고 하실 텐데요 이번에는 뒤에 스타일 속성에 display를 none으로 해보겠습니다. ● 5. 결과는 역시 빨간색 글자만 나오네요. (앞에 이미지 복붙 아니고 결과 값 캡쳐했습니다.!) 알고 있던.. 2019. 7. 4.
티스토리 - 태그 길게 입력 되었을 때 수정,삭제하기 에디터에서 태그 수정이 되지 않을 때 안녕하세요. 고코더 입니다. 티스토리 태그는 컨텐츠와 연관된 카테고리와 그룹화 하는데 쓰이는 기능입니다. 태그도 입력해야 조금 더 사용자가 찾을 수 있는 컨텐츠가 되겠죠? 그런데 오늘 글을 쓰던중 모르고 태그를 길게 입력 하였더니 ▼글쓰기 에디터에서 삭제가 되지 않습니다. 길이가 너무 길어서 X가 보이지 눌리지 않기 때문입니다. ▼ 이런 본문에서도 너무 길 tag 때문에 가독성이 떨어지네요. ▼ 걱정 할 필요는 없습니다. 티스토리 어플로 들어 간다음 글 설정에 들어가면 태그 란이 보입니다. ▼ 여기서 쉼표로 구분된 태그를 전부 지우고 저장하면은 정상적으로 다시 태그 등록이 가능합니다. 티스토리 관련 추천 컨텐츠 티스토리 - 에버노트에 연결할 수 없습니다. 사용량이 많.. 2019. 5. 5.
jQuery - 이미지의 img src 태그로 선택하기 jquery img src selector 안녕하세요. 고코더 입니다. 개발을 하던 중에 이미지의 src 속성 이미지의 주소를 선택하여 수정할 일이 생겼는데 쓸모가 많은 방식인거 같아 블로그를 남겨드립니다. 제이쿼리에서 img의 src 속성으로 당연히 선택을 할 수 있습니다. 제 블로그에 있는 이미지 주소를 사용해 말씀드리겠습니다. https://tistory1.daumcdn.net/tistory/2778128/skin/images/epantheo.jpg ▼ 이미지 src를 선택하는 3가지 방법입니다. 12345678910111. 이미지 주소 전체를 넣어 검색 - 하나의 이미지만 선택할때 유용 합니다. ex) $("img[src='https://tistory1.daumcdn.net/tistory/2778.. 2019. 4. 12.