반응형 WEB/HTML28 [HTML] 자주 사용하는 태그 정리 div : 진짜 레알 많이 사용하는 태그. 섹션 안에서도 구분지을 때 사용. ul,li : 리스트 세트 태그. 리스트 세트 태그인데 웹사이트 메뉴바 만들 때도 사용한다. input : 검색란처럼 뭔가 입력 받을 때 사용. ex) span : 인라인 요소들을 하나로 묶을 때 사용한다고 한다. 아직 div와 구분이 가지를 않는다. h1,h2,h3… : 제목을 나타내는 태그. 뒤에 숫자가 커질수록 크기가 줄어든다. p : 단락을 나타낸다. 위,아래로 약간의 여백이 생긴다. a : 하이퍼링크를 정의할 때 사용한다. 아래 예시와 같이 사용하면 된다. Ex1) Ex2) Sign In , tag의 차이점 ■ : 화면 전체를 쓰는 애들. content에 해당하는 라는 텍스트가 행 전체를 차지하고 있다. ■ : 자기.. 2023. 10. 12. [HTML] header & section & footer 섹션을 나눌 때 사용하는 태그들이다. 하지만, 굳이 header & footer까지 사용해야 하는지 의문이다. 그냥 section 태그로 통일할 수 없을까? 하는 것이 내 생각이다. 물론 실제로 section으로만 통일해도 되고, 셋다 안 쓰고 div로만 쓰는 사람도 있는 듯 하다. 굳이 저걸 쓰는 이유는 요거란다. 그냥 다른 사람들도 코드를 볼 때, 쉽게 이해되라고 저런 식으로 태그명을 붙이는 것이란다. 정말 별거 아닌 이유군… 하지만 코드가 길어질 때 저런 식으로 section별로 나눠놓으면, 한 눈에 들어와서 관리하기 편하다. 2023. 10. 11. [HTML] 구글 머터리얼 아이콘(Google Material Icons) 지난 포스트 ‘구글 폰트’에 이은 유용한 사이트 추가!! 구글 머티리얼 아이콘 바로가기 ↓↓↓↓↓↓↓↓↓ https://fonts.google.com/icons?selected=Material+Icons => head 태그 안에 위 코드를 추가한다. 구글 폰트와 마찬가지로 코드가 나온다. 이건 이미지이기 때문에 SVG나 PNG 이미지를 다운받아서 사용해도 된다. 2023. 10. 11. [HTML] 구글 폰트 웹페이지를 만들다보면 이쁜 폰트를 사용하고 싶은 경우가 있다. 그럴 경우에는 ‘구글 폰트’를 이용하면 된다. 구글폰트 바로가기 ↓↓↓↓↓↓↓↓↓ https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 폰트를 선택한 후, 원하는 크기와 굵기의 글씨까지 선택하면 옆에 코드가 나오는데, 저 코드를 그대로 사용하면 원하는 폰트를 손쉽게 사용할 수 있다. 2023. 10. 11. 이전 1 ··· 3 4 5 6 7 다음 반응형
