홍지군의 공간

반응형

전체보기 (500)

HTML 독학을 위한 HTML순서 목록만들기 <ol> + <li> / <ul> +<li>

programming/HTML 홍지군 2020. 6. 21. 19:41

이번에는 HTML에서 순서 목록을 구분해주는 태그에 대해서 한번 공부해보도록 하겠습니다. 순서가 있는 목록! 태그 태그의 속성 type : 항목 앞에 붙는 번호의 형식을 지정할 수 있다. type="A" (대문자) type="a" (소문자) type="I" (로마 숫자 대문자) type="i" (로마 숫자 소문자) type을 지정하지 않을 경우 기본 숫자로 표시됨. start : 항목 앞 번호의 시작을 지정할 수 있다. start ="2" 2번째 부터 시작 예) type="A" start="2" 속성설정시 B 부터 시작 당근 수박 사과 순서가 있는 목록 태그를 아무것도 설정하지 않고 태그의 리스트를 보여주는 태그를 활용하여 당근, 수박, 사과 소스를 한번 확인해 보겠습니다. 당근 수박 사과 태그만을 사용..

더 읽기

HTML 독학을 위한 HTML의 문단 <p>, <br>, <pre>,<blockquote>

programming/HTML 홍지군 2020. 6. 21. 16:54

이번에는 , , , 태그에 대해서 한번 알아보겠습니다. 단락 구분 태그, 개행 태그 태그는 일반적으로 단락을 구분하기 위해서 사용하는 태그입니다. 웹 상에서 가장 많이 볼 수 있는 태그 중 하나이기 도 합니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세! 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세. 태그는 문단을 구분하는데 개행을 원할경우 태그를 사용해서 줄바꿈을 해주어야 합니다. 블로그에 여러줄의 글을 작성한 뒤에 HTML문서로 변환해 한번 확인해보면 수많은 태그가 생성되어 있는 것을 보실 수 있습니다. 만약 태그로 공백과 엔터를 사용했을때 페이지는 어떻게 표시될까? 아무리 많은 공백과 엔터를 사용한다고 하더라도 ..

더 읽기

HTML 독학을 위한 HTML 표 만들기! <TABLE>, <TR>, <TD>,<TH>

programming/HTML 홍지군 2020. 6. 21. 15:47

이번에는 HTML을 가지고 표만들기를 한번 진행해 보도록 하겠습니다. 태그에는 하위로 , , , , , 가 있습니다. 우선 가장 많이 사용되는 태그와 태그에 대해서 한번 알아보겠습니다. 태그의 , 태그 은 큰 표를 만드는 것을 선언으로 안쪽 행열을 구분하여 만들 수 있습니다. 위처럼 1행 3열에 대한 표를 만들고 싶다면 어떻게 소스를 만들면 될까요?? // 테이블 시작! // 1행 만들기 // 1열 시작 // 1열 끝! // 2열 시작 // 2열 끝 // 3열 시작 // 3열 끝 // 1행 끝! // 테이블 끝 1열 ~ 2열 ~ 3열 ~ 결과는 바로 위에 보이는 "1열 ~" 과 같이 한 줄의 표가 완성이 되는 것을 확인하실 수 있습니다. 5행 3열이라면 의 사용은 5번 의 사용은 3번씩 총 15번을 사용..

더 읽기

HTML 독학을 위한 HTML 문자 태그활용 <hn>, <b>, <i>, <u>

programming/HTML 홍지군 2020. 6. 20. 20:06

이번에는 문자 태그의 사용에 대해서 공부해보겠습니다. 태그! 태그 뒤의 n은 1~6까지의 숫자를 의미합니다. 티스토리, 네이버 등등 블로그나 커뮤니티 사이트에서 글쓰기를 할때 제목이나 내용 등등의 글자크기를 기본으로 지정할 수 있도록 기능을 제공해주기도 합니다. 태그의 사용법 h1 입니다. h2 입니다. h3 입니다. h4 입니다. h5 입니다. h6 입니다. 태그는 n자리에 숫자를 입력해 크기를 지정하고 내용을 입력하고 태그로 태그의 종료를 알려주는 방식으로 상용이 가능합니다. 블로그 글쓰기의 기본모드 -> HTML 모드로 변경한 뒤에 H1 ~ H6 태그까지 사용해 보면서 어떻게 변화하는지 살펴보겠습니다. 태그 사용결과 h1 입니다. h2 입니다. h3 입니다. h4 입니다. h5 입니다. h6 입니다..

더 읽기

Copyright © 홍지군의 공간 All Rights Reserved

Designed by JB FACTORY

티스토리툴바