[html/css] 다양한 표현 방식
·
HTML|CSS
20240731수업1 이문세 붉은 노을 50 2 아이유 붉은 노을 26 3 빅뱅 붉은 노을 27 위와 같은 형식을 한국인이 보면 이문세가 나이가50이고 노래제목이 붉은 노을, 아이유라는 가수의 나이가 26이고 노래제목이 붉은 노을, 빅뱅이라는 가수의 나이가 27세이고 노래제목이 붉은 노을이라는 것을 단번에 파악할 수 있지만, 한글을 모르는 외국인은 각 항목이 무엇을 의미하는지 단번에 파악하기 힘들다 그래서 다음과 같은 방식들을 통하여 표현할 수 있다. [XML] (eXtensible Markup Language) version="1.0" encoding="utf-8 ?> 1 이문세 붉은노을 50 2 아이유 붉은노을 26 3 빅뱅 붉은노을 27 마크업 언어(markup language)는 태그 등을 이용하..
[html/css] a 태그(문서or링크 연결),padding과 margin의 차이
·
HTML|CSS
20240730수업a태그(다른 문서 또는 링크와 연결) 형식 HTML 삽입미리보기할 수 없는 소스꿀팁- 단축키:li*4>a : ul안에 li4개있고 그 li안에 각각 a가 있음 HTMLCSSJAVASCRIPTSQL HTML 삽입미리보기할 수 없는 소스 (result창만 켜서 볼것) 문제 :: a 태그 top/bottom 여백이 제대로 들어가지 않는 것은 왜 그런걸까? 답안 :: inline 요소 전체의 특징이다. 원래 inline 요소는 margin top-bottom이 안들어 간다고 한다. 위 이미지에서는 마치 padding top이 적용되지 않는 것 처럼 보이지만 실제론 들어간 거다.(브라우저에 가려진 듯) 해결 ::>>a 태그 스타일에도 li에 한거처럼 inline-block을 부여한다.