홍지군의 공간

programming/HTML (9)

HTML 독학을 위한 HTML의 주석과 수평선 긋기!

programming/HTML 홍지군 2020. 6. 22. 16:11

이번에는 HTML에서의 주석과 수평선 긋기에 대해서 한번 알아보겠습니다. 태그 주석 태그는 으로 끝나는 태그입니다. 웹 브라우저에서는 표시되지 않지만 소스코드내에서 소스코드를 이해하기 쉽게 요약해두거나 소스코드 내에서만 보여지도록 도와주는 태그입니다. HTML 공부하기 만약 여러 소스 중에서 해당소스가 언제 작성되었는지 기록을 한다고 했을때 코드를 직접 실행을 한번 해보겠습니다. HTML 공부하기 위에있는 소스를 적용하면 "HTML 공부하기"라는 문구만 표시되어 있습니다. 하지만 소스코드를 통해서 확인해보면 숨겨진 주석코드를 확인 할 수 있습니다. 주석은 아무리 많이 작성한다고 해도 실제 실행에 표시되어지지 않습니다. 태그 태그는 수평선의 줄을 그어주는 역할을 합니다. 오늘은 덥다. 오늘은덥다. hr태그..

더 읽기

HTML 독학을 위한 HTML의 텍스트 태그 <em>, <ins>, <del> 등등

programming/HTML 홍지군 2020. 6. 22. 15:03

https://swpfun.tistory.com/605 HTML 독학을 위한 HTML 문자 태그활용 , , , 이번에는 문자 태그의 사용에 대해서 공부해보겠습니다. 태그! 태그 뒤의 n은 1~6까지의 숫자를 의미합니다. 티스토리, 네이버 등등 블로그나 커뮤니티 사이트에서 글쓰기를 할때 제목이나 내용 swpfun.tistory.com 지난 글에서 대표적인 텍스트 태그인 , , , 태그에 대해서 공부했었습니다. 이번 시간에는 이전에 공부했던 텍스트(문자) 태그 이외에 , , , , , , 태그들에 대해서 공부해보는 시간을 가져보겠습니다. 태그 태그는 텍스트를 이탤릭체로 표시해주는 역할을 합니다. 이탤릭체로 표시 됩니다 이탤릭체로 표시 됩니다 태그 태그 태그는 문서 작업을 할때 새로운 내용이 삽입 되었다고 밑..

더 읽기

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문서로 변환해 한번 확인해보면 수많은 태그가 생성되어 있는 것을 보실 수 있습니다. 만약 태그로 공백과 엔터를 사용했을때 페이지는 어떻게 표시될까? 아무리 많은 공백과 엔터를 사용한다고 하더라도 ..

더 읽기

Copyright © 홍지군의 공간 All Rights Reserved

Designed by JB FACTORY

티스토리툴바