"HTML 초급 정리"에 관한 의견

3 개의 의견이 있습니다.

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

  1. buff 님의 의견

    아이고; 태그를 그대로 사용하니 저렇게 나오네요;

    dl dt dd 를 사용한
    글쓴이 :
    맛집 킬러

    p style=”text-align:right;”

    를 사용한

    글쓴이:맛집킬러

    에 대한 내용을 여쭈어 본거에요 ㅎ

    1. mr. Webber 님의 의견

      네 안녕하세요, 공부 열심히 해주셔서 정말 감사합니다.
      일단 HTML 대한 강의는 외형을 전혀 신경쓰지 않고, 순수하게 의미에 대해서만 다루기 때문에 생각하는 것과는 다르게 보일 수 있어요. 사실 문의 주신 부분은 외형적인 부분이기 때문에, 앞으로 CSS를 배우시게되면 자연스럽게 해결이 되시리라 봅니다.

      일단 ‘글쓴이’에 대한 항목에 ‘맛집킬러’가 대응하기 때문에 초급 강의에서 배운 dl, dt, dd를 이용해서 작성을 하였고요,
      다만 이 dt, dd는 ‘블록 요소’기 때문에 줄바꿈이 일어나게되요.
      이를 해결하기 위해서는 CSS 에서 dt, dd를 블록 요소가 아닌 인라인 요소로 바꿔주면 됩니다.

      p style=”text-align:right;” 로 이 정보를 표현해도 사실 큰 문제는 없지만,
      dl, dt, dd로 동일하게 표현하고자 한다면

      dl style=”text-align:right;”
      dt style=”display:inline;”
      dd style=”display:inline;”

      이런식으로 스타일을 주시면 됩니다. 이런 스타일에 대해선 앞으로 CSS 강의에서 더 다루니까요, 조금만 더 진행해주시면 자연스럽게 배우실 수 있으실 거에요^^

      지금까지도 열공해주시고, 관심 가져주셔서 감사합니다^^

  2. buff 님의 의견

    초급정리 편까지 잘보았습니다~
    이제 css초급으로 들어가겠네요 ㅎ
    마지막에 순대국밥 페이지를
    코드사용 예시문을 html로 저장해서 열어보았는데요

    글쓴이 :
    맛집 킬러

    부분이 aglin 이 안되어서 나오길래
    웹페이지를 직접 요소검사로 확인해보니
    글쓴이 : 맛집킬러
    로 돼있더라구요
    dl 요소는 어떻게 aglin 하면 되나요 ㅎ
    뒤에서 배우는건지 ㅎ
    웹에서 검색해봐도 흠.. 행간에 관한것만 나오는것 같아서요 ㅎ

    항상 감사합니다~ ㅎ