본문 바로가기

html inline2

[HTML] Block-level element, Inline-level element 지난번 tag와 tag 문제를 해결하며 Block-level element, Inline-level element에 대해 한번 더 짚고 넘어가야겠다 싶어서 이번 포스팅을 작성하게 되었습니다. 모든 HTML 요소들은 그 요소들이 어떤 타입인지에 따라 기본적인 display 값(margin, padding 등)을 가지고 있습니다. 이전에 reset css에서 말했던 것처럼 이 reset css가 이러한 default display 값을 reset 시켜주는 것입니다. 그리고 대부분의 element들의 default display 값은 block 혹은 inline의 형태입니다. Block-level elements block level의 element는 항상 새로운 line에서 시작하며 전체적인 width값을 .. 2019. 5. 20.
[HTML] a tag / li tag 문제해결 의 경우처럼 tag가 tag 안에 들어가 있으면 position: flex / justify-content : space-between 을 해도 각 "column"에 flex가 적용되지 않습니다. 먼저, 이 문제를 해결하기 전에, tag와 tag에 대해 알아보겠습니다. tag는 hyperlink를 의미합니다. 워드나 파워 포이트에서도 많이 사용되는 그것을 의미하는 것 맞습니다. word를 작성할 때, 인터넷 주소를 복사해서 붙여 넣기 하면 글자색이 파란색으로 바뀌면서 밑줄 쳐지는 것 다들 아실 겁니다. 이것은 한 페이지에서 다른 페이지로 연결되는 데에 사용됩니다. 설명처럼 tag의 가장 중요한 속성은 href속성입니다. 이렇게 작성됩니다. 기본적으로 링크는 모든 브라우저에서 다음과 같이 나타납니다. 방문.. 2019. 5. 17.