친절한효자손 취미생활

2018/09/10 (2)

HTML 목록 태그 ol ul li 그리고 type 사용 방법을 알아보자

WEB&SNS/HTML 친절한효자손 2018.09.10 00:06

오늘은 목록 태그 중 하나인 ol (오더드 리스트) 와 ul (언오더드 리스트) 에 대해 알아볼 것입니다. li는 왜 설명이 없냐고요? 차츰 설명을 드릴 것 입니다. 먼저 은 순서가 있는 목록 태그라고 합니다. 1,2,3 혹은 A,B,C 순으로 자동 배열됩니다. 그러면 딱 봐도 은 어떤건지 대충 감이 오시죠? 그렇습니다. 이 태그는 순서가 없습니다. 그냥 기호화 되어 표시가 됩니다. 말로는 역시 한계가 있으니 아래의 스크린샷 이미지를 보시면서 알아보시겠습니다. 태그 사용법 먼저 HTML 문서의 본문에 삽입해본 내용입니다. 먼저 ol 태그를 사용해보겠습니다. 보시면 ol 태그를 감싼 안쪽에 태그를 넣었는데 이것이 바로 리스트를 구성하는 핵심 태그라는 것을 알 수 있습니다. 내용 으로 구성되어 넣으시면 됩니..

더 읽기

H태그 (h1 h2 h3 h4 h5 h6) 제목 태그 사용 방법을 알아보자

WEB&SNS/HTML 친절한효자손 2018.09.10 00:04

제목 태그인 H태그에 대해 알아보겠습니다. 만약 이 태그를 블로그와 비슷한 플랫폼에서 활용하시게 된다면 제목이라기 보다는 소제목에 가까울 수 있습니다. 참고로 검색엔진이 참 좋아하는 태그가 바로 H태그 입니다. 그만큼 중요한 태그이며 잘 활용한다면 분명 방문자는 늘어날 것이라고 생각합니다. (물론 본문 내용도 훌륭해야하겠죠!?) 그렇지만 적절히 활용하시기를 바랍니다. 검색 노출에 잘 반영된다고하여 자주 사용한다면 오히려 역효과를 불러올 수 있습니다. 사용법은 무척 간단합니다. 안에 구성된 텍스트 중에서 H태그로 감싸주시기만 하면 끝 입니다. 지금 위의 예시대로 한번 작성해 봤습니다. 어떻게 변하는지 한번 살펴보도록 하겠습니다. 사용하는 프로그램은 브라켓 (Brackets) 이라고 하는 편집 프로그램 입니..

더 읽기

Copyright © 친절한효자손 취미생활 All Rights Reserved

Designed by JB FACTORY

티스토리툴바