목록프론트 엔드 (front-end)/HTML (7)

안경잡이 구루루

인라인(Inline) , 블록(Block) , 인라인블록(Inline - block) 알아보기(+미완)

(썸네일) 웹 문서를 이루고 있는 요소들은 박스 모델이다 기본적인 박스 모델에 대해 알아보고 그 다음 박스모텔의 종류인 블록,인라인, 인라인 블록에 대해 알아보자 (1) 박스 모델(Box model) 콘텐츠: 내용일 들어갈 자리 패팅: 박스와 콘텐츠 영역 사이의 여백 테두리: 박스의 테두리 마진: 박스 모델들 사이의 여백 (2) inline block inline-block 기본 너비 컨텐츠만큼 부모의 너비만큼 컨텐츠만큼 width, height 속성 무시 적용 적용 가로공간 차지 공유 독점 공유 margin 속성 ( 바깥쪽 여백 ) 가로만 적용 모두 적용 ( 상하는 다른것과 서로 겹칠시 더 큰 것을 기준으로 상쇄 ) 모두 적용 padding 속성 ( 안쪽 여백 ) 가로만 적용, 세로는 배경색만 모두 적..
프론트 엔드 (front-end)/HTML 2023. 8. 31. 16:04
HTML Tag(태그) , attributes(속성) 자세한 설명 모음 2 (+ 시멘틱태그 추가 )

2023.07.03 - [프론트 엔드 (front-end)/HTML] - HTML Tag(태그) , attributes(속성) 자세한 설명 모음 1 (+ 23.8.5 uppdate ) HTML Tag(태그) , attributes(속성) 자세한 설명 모음 1 (+ 23.8.5 uppdate ) 모든 tag를 외우고 살 수 없어서 필요할 때마다 찾기 편하게 사용하기 위해 만든 글입니다. 다들 도움이 되면 좋겠습니다. ctrl + f를 눌러서 를 적어 바로 찾을 수 있습니다. 아래 글은 특히 yalco(얄 gururuglasses.tistory.com 이전 1편을 이어서 만들었습니다. 순서상관 없이 이곳에 없는 자료는 1편에서 참고 부탁드립니다. 모든 tag를 외우고 살 수 없어서 필요할 때마다 찾기 편하게..
프론트 엔드 (front-end)/HTML 2023. 8. 5. 23:14
<img> 태그 src 속성(attributes) 이미지 파일 경로 지정 방법 (+미완)

ㅇㅇ
프론트 엔드 (front-end)/HTML 2023. 7. 20. 01:00
html 특수문자 모음 (Entity Code References)

※ 자주 사용하는 엔티티 코드 모음,정리 특수문자 문자식 표현(entity code) 숫자식 표현(entity number) > (greater than) › (공백 한칸) ※ 참고자료 https://entitycode.com/ Entity Code - A Clear and Quick Reference to HTML Entities Codes About EntityCode The idea came from my constant need to add those hard to remember HTML entity codes, such as the copyright symbol ( © ), every time I’m developing a new website or writing a new article. U..
프론트 엔드 (front-end)/HTML 2023. 7. 12. 19:33
이전 Prev 1 2 Next 다음